restructure room site to produce a unique room/player/formats page

1 files changed, 14 insertions, 4 deletions

diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 8ca0ccf..18326ad 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -193,7 +193,7 @@ h1 + .news-item {
     max-width: 100%;
   }
   
-  #download {
+  .switcher {
     padding: $padding-large-horizontal;
     h3 {
       color: $gray-light;
@@ -310,13 +310,17 @@ a.inverted {
 
     ul {
       list-style-type: none;
+      margin: 0;
+      padding: 0;
     }
 
     li {
       list-style-type: none;
       width: 49%;
-      margin-bottom: 1%;
-      height: 3em;
+      margin: 0;
+      padding: 0;
+      margin-top: 1%;
+      height: 4em;
       float: left;
 
       a {
@@ -324,9 +328,15 @@ a.inverted {
         display: block;
         width: 100%;
         height: 100%;
-        line-height: 100%;
+        line-height: 2.4em;
         font-size: 1.75em;
         font-weight: bold;
+        text-align: center;
+
+        &:hover {
+          background-color: #1a1a1a;
+          text-decoration: none;
+        }
       }