X-Git-Url: https://jfr.im/git/irc/freenode/web-7.0.git/blobdiff_plain/f53d9ff7b8f40355befed7f5509576e1c1606762..86c4723971b605478d780f6239c7046e45565172:/css/mock1.css

diff --git a/css/mock1.css b/css/mock1.css
index 9f863a220..dc3c2fe62 100644
--- a/css/mock1.css
+++ b/css/mock1.css
@@ -24,7 +24,7 @@
 
 /* global */
 body {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans';
   color: var(--text-color);
 }
 a {
@@ -70,6 +70,10 @@ a {
   margin-right: 0;
   min-height: 100%;
 }
+.main {
+  margin-left: 0.5em;
+  margin-right: 0.5em;
+}
 
 /* jumbotron */
 .jumbotron {
@@ -95,7 +99,7 @@ a {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
-  align-items: center;
+  align-items: stretch;
 }
 .box {
   text-align: center;
@@ -104,7 +108,7 @@ a {
   margin-bottom: 5px;
   border: 1px solid rgb(var(--border-color));
   flex-basis: 30%;
-  height: 105px;
+  /*height: 105px;*/
   background-color: #fff;
   border-radius: var(--box-round);
   -webkit-border-radius: var(--box-round);
@@ -200,10 +204,17 @@ a.hchild:active {
   justify-content: space-between;
   align-items: flex-start;
   box-shadow: 0 -3px 5px rgba(0,0,0, 0.36);
-
+  -webkit-border-top-left-radius: var(--box-round);
+  -webkit-border-top-right-radius: var(--box-round);
+  -moz-border-radius-topleft: var(--box-round);
+  -moz-border-radius-topright: var(--box-round);
+  border-top-left-radius: var(--box-round);
+  border-top-right-radius: var(--box-round);
 }
-.footerchild h2 {
-  margin-top: 1em;
+.footerchild {
+  margin-top: 0.5em;
+  padding-left: 0.5em;
+  margin-right: 0.5em;
 }
 .footer a {
   color: rgb(var(--footer-link-color));
@@ -246,6 +257,8 @@ margin: 0;
 }
 a.copyright {
   background: rgba(var(--copyright-bg),.5);
-  padding: 0;
-  margin: 0;
+  margin-bottom: 0;
+  margin-top: 0;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
\ No newline at end of file