Wip

app/assets/stylesheets/app/_footer.scss

@@ -90,9 +90,32 @@ h2 {
     padding-left: 10px;
     padding-right: 10px;
     margin-left: 5px;
+    position: relative;
 
     .room-item {
       display: inline-block;
+      position: relative;
+
+      .room-container {
+        max-height: 85vh;
+        position: absolute;
+        right: 0px;
+        bottom: 20px;
+        min-width: 300px;
+        z-index: 1000;
+        margin-top: 15px;
+
+        box-shadow: 0px 0px 15px rgba(black, 0.2);
+        border: none;
+        cursor: default;
+        overflow: auto;
+        background-color: white;
+      }
+
+      .room-iframe {
+        width: 100%;
+        height: 100%;
+      }
     }
   }
 }

app/assets/stylesheets/app/_menus.scss

@@ -112,7 +112,6 @@ ul.section-menu-bar {
         cursor: pointer;
       }
 
-
       .shortcut {
         float: right;
         font-size: 12px;
@@ -122,6 +121,12 @@ ul.section-menu-bar {
         padding-right: 10px;
       }
     }
+
+    .sublabel {
+      font-size: 12px;
+      font-weight: normal;
+      margin-top: 5px;
+    }
 }
 
 

app/assets/stylesheets/app/_ui.scss

@@ -101,14 +101,14 @@ button:focus {outline:0;}
 }
 
 .panel {
-    position: absolute;
-    right: 0px;
-    min-width: 300px;
-    z-index: 1000;
-    margin-top: 10px;
-    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
-    border: none;
-    background-color: white;
+  position: absolute;
+  right: 0px;
+  min-width: 300px;
+  z-index: 1000;
+  margin-top: 10px;
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
+  border: none;
+  background-color: white;
 }
 
 .panel-right {