improve development banner css

propertyshelf · Apr 17, 2015 · a2ac035 · a2ac035
1 parent 2a0bfa5
commit a2ac035
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/ps/plone/mls/browser/static/mls.css b/src/ps/plone/mls/browser/static/mls.css
@@ -639,8 +639,9 @@ table.phases__table td{
 
 .development__header .development__banner{
   min-width:100%;
+  max-width: 100%;
   height:auto;
-  min-height:300px;
+  min-height:0;
 }
 .development__header .header_caption{
   position:absolute;
@@ -670,6 +671,20 @@ table.phases__table td{
   line-height: 1em;
   margin:0;
 }
+
+@media (max-width: 900px){
+  body .development__header .header_caption {
+    background-color: #000;
+    border-bottom: 1.5px solid #fff;
+    border-top: 1.5px solid #fff;
+    position: static;
+    text-align: left;
+  }
+  body .development__header .development_location{
+    text-align: left;
+  }
+}
+
 @media (max-width: 800px){
   .development__header .development_title{
     font-size:2em;