Reduce shadow severity

Shadows were somewhat overdone in some areas of the ui,
they are now less so

Change-Id: Ida04a5580be8493f37ade2554983149d05d91bcc
Signed-off-by: Sawyer Bergeron <sbergeron@iol.unh.edu>

diff --git a/src/static/css/detail_view.css b/src/static/css/detail_view.css
index 7948d85..c3d0a4d 100644 (file)
--- a/src/static/css/detail_view.css
+++ b/src/static/css/detail_view.css
@@ -24,14 +24,15 @@
 }
 
 .detail_card {
-    border: 2px;
-    border-color: black;
     border-radius: 5px;
+    border-top: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-right: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
     margin: 5px;
     padding-left: 25px;
     padding-right: 25px;
     padding-bottom: 15px;
-    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
     display: flex;
     flex-direction: column;
     justify-content: space-between;

diff --git a/src/templates/booking/quick_deploy.html b/src/templates/booking/quick_deploy.html
index 38294b2..03eb78c 100644 (file)
--- a/src/templates/booking/quick_deploy.html
+++ b/src/templates/booking/quick_deploy.html
@@ -9,8 +9,8 @@
         padding: 30px;
     }
     .grid_element {
-        border-radius: 3px;
-        box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
+        border-radius: 5px;
+        border: 1px solid #ccc;
         margin: 10px;
         padding: 7px;
     }

diff --git a/src/templates/dashboard/multiple_select_filter_widget.html b/src/templates/dashboard/multiple_select_filter_widget.html
index 628fd95..c7a1943 100644 (file)
--- a/src/templates/dashboard/multiple_select_filter_widget.html
+++ b/src/templates/dashboard/multiple_select_filter_widget.html
@@ -22,28 +22,25 @@
 }
 .grid-item {
     cursor: pointer;
-    border:2px;
-    border-style:none;
-    border-color:black;
+    border:1px solid #cccccc;
     border-radius: 5px;
     margin:20px;
     height: 200px;
     padding: 7px;
-    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
     transition-property: box-shadow, background-color;
     transition-duration: .2s;
 }
 
 .grid-item:hover {
-    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
+    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.45);
     transition-property: box-shadow;
     transition-duration: .2s;
 
 }
 
 .selected_node {
-    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
-    background-color: #CCECD7;
+    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.45);
+    background-color: #fff;
     transition-property: background-color;
     transition-duration: .2s;
 }
@@ -51,13 +48,12 @@
 .disabled_node {
     cursor: not-allowed;
     background-color: #EFEFEF;
-    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
     transition-property: box-shadow;
     transition-duration: .2s;
+    border: 1px solid #ccc;
 }
 
 .disabled_node:hover {
-    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
 }
 
 .cleared_node {