settings.scss in sail-3.2.2

- old
+ new

@@ -13,11 +13,11 @@
   .card {
     min-height: 230px;
     background-color: white;
     margin: 1rem .75rem;
     display: inline-block;
-    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.15), 0 15px 12px rgba(0, 0, 0, 0.1);
     padding: 10px;
     z-index: 2;
     width: 90%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -30,11 +30,11 @@
     h3 {
       margin-left: 25px;
 
       .relevancy-score {
         float: right;
-        color: darken($aluminium, 5%);
+        color: darken($aluminium, 30%);
       }
     }
 
     .card-body-container {
       display: table;
@@ -89,21 +89,29 @@
       margin-bottom: 10px;
       font-size: 22px;
       text-align: center;
       border: none;
       border-bottom: 2px solid $aluminium;
+      -webkit-border-radius: 0;
+      -moz-border-radius: 0;
+      border-radius: 0;
+      padding: 0;
       @extend .border-transition;
     }
 
     .date-picker {
       position: relative;
       bottom: 10px;
       border: none;
       border-bottom: 2px solid $aluminium;
+      -webkit-border-radius: 0;
+      -moz-border-radius: 0;
+      border-radius: 0;
       width: 100%;
       text-align: center;
       font-size: 22px;
+      padding: 0;
       @extend .border-transition;
     }
 
     .value-slider {
       -webkit-appearance: none;
@@ -315,10 +323,9 @@
       button {
         outline: none;
         border: none;
         width: 100%;
         font-size: 20px;
-        font-family: 'Raleway', sans-serif;
         background: transparent;
         padding: 5px;
         @extend .rounded;
 
         &:hover {