AA: Reduce background opacity of search modal;

src/main/webapp/components/_partials/_modal_search.html

@@ -32,9 +32,9 @@
       <div class="row thumbnail-wrapper">
         <div class="col-md-3" ng-repeat="x in [1,2,3,4,5,6,7]">
           <div class="thumbnail">
-            <img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image">
+            <a href="#"><img src="images/owner-default.png" class="img-circle" alt="Generic placeholder image"></a>
             <div class="caption">
-              <h3 class="caption-heading">Eduardo Rodriguez</h3>
+              <h3 class="caption-heading"><a href="#">Eduardo Rodriguez</a></h3>
               <p class="caption-meta">2693 Commerce St., McFarland</p>
               <p class="caption-meta"><span class="glyphicon glyphicon-phone-alt"></span> +6085558763</p>
             </div>

src/main/webapp/static/app/styles/main.scss

@@ -4,7 +4,7 @@ $text-color: #747c83;
 $text-color-inverse: #fff;
 $headings-color: #555f64;
 $sections-bg: #f0f2f5;
-$sections-border: #e7e9eb;
+$sections-border: #DCDFE2;
 $jumbotron-bg: #42494d;
 $navbar-default-bg: #2d4f61;
 $navbar-default-border: #2d4f61;
@@ -241,6 +241,14 @@ input::-moz-focus-inner {
   .thumbnail {
     margin-bottom: 25px;
   }
+  
+  hr {
+    border-bottom-color: darken($sections-border,4%);
+  }
+}
+
+.sections+.sections {
+  border-bottom-color: darken($sections-border,4%);
 }
 
 .sections-narrow {
@@ -610,7 +618,11 @@ input::-moz-focus-inner {
   .caption-heading {
     color: darken($headings-color,5%);
     font-size: 18px;
-    margin-bottom: 15px;
+    margin-bottom: 10px;
+    
+    a {
+      color: darken($headings-color,5%);
+    }
   }
 
   .caption-meta {
@@ -641,6 +653,10 @@ input::-moz-focus-inner {
         margin-left: 10px;
       }
     }
+    
+    img {
+      margin-top: 0;
+    }
   }
 
   .action-add {
@@ -689,6 +705,7 @@ input::-moz-focus-inner {
   }
   
   .modal-content {
+    background-color: transparent;
     height: 100%;
     box-shadow: none;
     border-radius: 0;
@@ -737,9 +754,16 @@ input::-moz-focus-inner {
     }
     
     .btn-default {
-      border: 0;
       background: transparent;
-      padding: 20;
+      border: 0;
+      padding: 17px;
+      
+      &:hover,
+      &:focus,
+      &:active {
+        background: transparent;
+        box-shadow: none;
+      }
     }
     
     .glyphicon-search {
@@ -753,4 +777,12 @@ input::-moz-focus-inner {
       margin-bottom: 20px;
     }
   }
+}
+
+.modal-backdrop {
+  background-color: $text-color-inverse;
+  
+  &.in {
+    opacity: .97;
+  }
 }