Index: static/css/index.css |
=================================================================== |
--- a/static/css/index.css |
+++ b/static/css/index.css |
@@ -197,34 +197,63 @@ |
margin: 0 2em; |
} |
} |
/****************************************************************************** |
* #abb-notification |
*****************************************************************************/ |
+#abb-notification |
+{ |
+ padding: 3em 0; |
+} |
+ |
+#abb-notification h2 |
+{ |
+ margin-top: 0; |
+ margin-bottom: 1.5em; |
+} |
+ |
#abb-notification h2, |
#abb-notification h3 |
{ |
text-transform: uppercase; |
} |
#abb-logo |
{ |
max-width: 10em; |
} |
+#abb-app-store-badges |
+{ |
+ margin-top: 2em; |
+} |
+ |
#abb-app-store-badges img |
{ |
width: 200px; |
} |
-@media (min-width: 768px) /* tablet-breakpoint */ |
+@media (max-width: 575px) |
{ |
+ #abb-app-store-badges a:first-of-type |
+ { |
+ margin-bottom: 0.5em; |
+ } |
+} |
+ |
+@media (min-width: 576px) |
+{ |
+ #abb-app-store-badges .one-half |
+ { |
+ width: 50%; |
+ } |
+ |
#abb-notification figure, |
#abb-app-store-badges |
{ |
padding-left: 2em; |
padding-right: 2em; |
} |
} |