]> jfr.im git - irc/freenode/web-7.0.git/blobdiff - static/css/style.css
Merge pull request #21 from freenode/design-margins
[irc/freenode/web-7.0.git] / static / css / style.css
index 7b063c120c35d6461c02662fb4500eea6bc64162..a7108ecd325587cc7e927c680919a844ba165c02 100644 (file)
@@ -1,7 +1,7 @@
 /* vars */
 :root {
     --navbar-bg: #292f2f;
-    --jumbotron-bg: #294848;
+    --jumbotron-bg: #3a4346;
     --copyright-bg: #292f2f;
     --link-color: 66,139,202;
     --footer-link-color: #ddd;
@@ -189,17 +189,23 @@ h1 {
 div.art {
     clear: right;
     min-height: 2em;
+    flex-grow: 1;
 }
 
 div.artlist {
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-around;
+    justify-content: flex-start;
     align-items: stretch;
+    margin-top: .5em;
 }
 
-div.artlist:first-child {
-    margin-top: .5em;
+@media all and (min-width: 800px) {
+    div.artlist {
+        max-width: 50%;
+        margin-right: auto;
+        margin-left: auto;
+    }
 }
 
 div.art:not(:first-child) {