CSS: Cleanups.

Author: evoluteur

src/components/field/Field.scss

@@ -16,7 +16,7 @@
 .evol-fld {
     @include flex-item();
     padding-left: $field-h-spacing !important;
-    margin-bottom: 10px;
+    margin-bottom: 12px;
     min-width: 62px;
     input, textarea, select{
       font-size: $text-font-size;

src/components/shell/Footer.scss

@@ -6,7 +6,7 @@
     padding: 20px 10px;
     color: $color-text-footer;
 	background-color: $bgcolor-text-footer;
-	border-top:1px solid silver;
+	border-top: $border;
 	text-align: center;
 	> .copyright{
 		display: block;

src/components/shell/TopBar.scss

@@ -8,7 +8,7 @@
   background-color: $almostblack-color;
   height: 50px;
   padding: 20px;
-  color: $almostwhite-color
+  color: $almostwhite-color;
 }
 
 .tbLogo{

src/components/variables.scss

@@ -8,17 +8,18 @@ $bgcolor-header: #fbfbfb;
 $color-text: $almostblack-color;
 $color-label: grey;
 $color-title: #428bca;
-$color-cool:#92cddc;
-$color-border: silver;
+$color-border: #ddd;
+$color-border-hover: silver;
 $color-disabled:silver;
-
 $color-panel: #f7f7f7;
 $bgcolor-panel-header: $bgcolor-header;
 $bgcolor-panel-footer: $bgcolor-header;
 
 $color-blue1: #259DCB;
 $color-red: #b94a48;
 
+$border: solid 1px $color-border;
+
 // responsive design
 $screen1: 500px;
 $screen2: 900px;
@@ -34,8 +35,6 @@ $color-nav-active: #E0F7FA;
 $color-icon-hover: #0D47A1;
 $color-icon: #428bca;
 
-$table--header-background-color: #fbfbfb;
-
 $toolbar-background-color: #fbfbfb;
 $toolbar-border-color: #bce8f1;
 
@@ -66,26 +65,6 @@ $bgcolor-text-footer: #f8f8f8;
 	box-sizing: border-box;
 	flex-grow: 1;
 }
-
-@mixin panel-top-bar(){
-	width:100%;
-	padding: 8px;
-	//border-bottom: solid 1px $toolbar-border-color;
-	border-bottom-style: solid;
-	border-bottom-width: 1px;
-	background-color: $toolbar-background-color;
-	> select{
-		display: inline-block;
-		width: auto;
-	}
-	>label{
-		margin: 2px 10px;
-		&:first-child{
-			margin-left: 0;
-		}
-	}
-}
-
 @mixin ellipsis(){
   white-space: nowrap;
   overflow-x: hidden;
@@ -111,4 +90,8 @@ $bgcolor-text-footer: #f8f8f8;
 		top: 30px;
 		right: 5px;
 	}
+}
+.table {
+	border-top: $border;
+	border-bottom: $border;
 }

src/components/views/charts/ChartTable.scss

@@ -17,6 +17,6 @@
 	}
 	.footer,
 	.footer:hover {
-		background-color: $table--header-background-color
+		background-color: $bgcolor-header;
 	}
 }

src/components/views/many/List.scss

@@ -12,8 +12,6 @@
     overflow-y: hidden;
   }
   .table{
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
     margin-bottom: 0;
     th{
       position: relative;
@@ -54,7 +52,7 @@
   }
 }
 .list-new{
-  border-top: 1px solid #ddd;
+  border-top: $border;
   padding: 20px 10px;
 }
 fieldset .table{

src/components/views/many/many.scss

@@ -13,7 +13,7 @@
 	//background-color: $bgcolor-header;
 	//padding: 5px 10px;
 	//@include border-radius(10px);
-	//border: 1px solid $color-border;
+	//border: $border;
 	margin-left: 10px;
 	font-size: 16px;
 	font-weight: 400;

src/components/views/one/one.scss

@@ -201,11 +201,11 @@ label{
 
 .evo-color-box{
   display: inline-block;
-  height:20px;
-  width:20px;
-  border: solid 1px silver;
+  height: 20px;
+  width: 20px;
+  border: $border;
   span{
-    margin-left:24px;
+    margin-left: 24px;
   }
 }