ui cleanup

geoyogesh · Oct 5, 2020 · c5a7101 · c5a7101
1 parent fc60be5
commit c5a7101
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 29 deletions.
diff --git a/...tersections/conventional-junction/configuration/conventional-configuration.component.html b/...tersections/conventional-junction/configuration/conventional-configuration.component.html
@@ -58,7 +58,7 @@
     <td>
 
       <div>
-        <table style="margin: 0 auto;">
+        <table class="zone-table">
           <tr>
             <td class="zone-cell">Zone 5</td>
           </tr>

diff --git a/...uration/partial-displaced-left-turn-intersection-north-south-configuration.component.html b/...uration/partial-displaced-left-turn-intersection-north-south-configuration.component.html
@@ -27,7 +27,7 @@
     <tr>
       <td style="border: 0.05rem solid #e8e8e8;">
         <div>
-          <table style="margin: 0 auto;">
+          <table class="zone-table">
             <tr>
               <td class="zone-cell">Zone 1</td>
             </tr>
@@ -91,7 +91,7 @@
       <td style="width: 210px;border: 0.05rem solid #e8e8e8;">
 
         <div>
-          <table style="margin: 0 auto;">
+          <table class="zone-table">
             <tr>
               <td class="zone-cell">Zone 5</td>
             </tr>
@@ -154,7 +154,7 @@
       <td style="border: 0.05rem solid #e8e8e8;">
 
         <div>
-          <table style="margin: 0 auto;">
+          <table class="zone-table">
             <tr>
               <td class="zone-cell">Zone 2</td>
             </tr>

diff --git a/projects/capx/src/styles.scss b/projects/capx/src/styles.scss
@@ -15,32 +15,41 @@ button:focus {
   outline: 0;
 }
 
-
 // scrollbar
 /* The emerging W3C standard
    that is currently Firefox-only */
-   * {
-    scrollbar-width: thin;
-    scrollbar-color: #666 hsl(198, 0%, 80%);
-  }
-
-  /* Works on Chrome/Edge/Safari */
-  *::-webkit-scrollbar {
-    width: 14px;
-  }
-  *::-webkit-scrollbar-track {
-    background: hsl(198, 0%, 80%);
-  }
-  *::-webkit-scrollbar-thumb {
-    background-color: #666;
-    border-radius: 20px;
-    border: 3px solid hsl(198, 0%, 80%);
-  }
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #666 hsl(198, 0%, 80%);
+}
 
+/* Works on Chrome/Edge/Safari */
+*::-webkit-scrollbar {
+  width: 14px;
+}
+*::-webkit-scrollbar-track {
+  background: hsl(198, 0%, 80%);
+}
+*::-webkit-scrollbar-thumb {
+  background-color: #666;
+  border-radius: 20px;
+  border: 3px solid hsl(198, 0%, 80%);
+}
 
 table {
   border-collapse: collapse;
+  &.zone-table {
+    margin: 0 auto;
 
+    td.zone-cell {
+      background-color: #fff;
+    }
+
+    td {
+      padding: 7px 10px;
+      font-size: 0.7rem;
+    }
+  }
   &.config-table {
     & > tr {
       border: 0.05rem solid #e8e8e8;
@@ -111,10 +120,6 @@ table {
         background-color: #cccccc;
       }
 
-      &.zone-cell {
-        background-color: #fff;
-      }
-
       &.readonly {
         //background-color: hsl(198, 0%, 87%);
       }
@@ -178,7 +183,6 @@ table.small-content-tbl {
   }
 }
 
-
 .back-to-results-text {
   padding-right: 5px;
 }
@@ -191,11 +195,10 @@ table.small-content-tbl {
 capx-svg-viewer {
   svg {
     width: 100%;
-    height:100%
+    height: 100%;
   }
 }
 
-
 .nav {
   box-shadow: none;
 }
diff --git a/readme-images/conventinal-junction-configuration.PNG b/readme-images/conventinal-junction-configuration.PNG
-Original file line number
+Diff line change
@@ Expand Up / @@ -58,7 +58,7 @@ @@
         <td>
           <div>
-            <table style="margin: 0 auto;">
+            <table class="zone-table">
               <tr>
                 <td class="zone-cell">Zone 5</td>
               </tr>
@@ Expand Down @@