add some styles

2019-02-27 23:23:40 +01:00 · 2019-02-27 23:23:40 +01:00 · 38f403bd18
commit 38f403bd18
parent 9e7811299d
1 changed files with 44 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -2,6 +2,50 @@
 <html>
 	<head>
 		<meta charset="utf-8">
+        <style type="text/css">
+            #container {
+                height: 80vh;
+                border: 1px solid black;
+                font-family: sans-serif;
+            }
+
+            .SessionView {
+                display: flex;
+                height: 100%;
+                min-width: 0;
+            }
+
+            .ListView {
+                margin: 0;
+                padding: 0;
+            }
+
+            .SessionView > .ListView {
+                height: 100%;
+                flex: 0 0 auto;
+                border-right: 1px solid black;
+                list-style: none;
+                overflow-y: scroll;
+            }
+
+            .SessionView > .ListView > li {
+                padding: 10px;
+                border-bottom: 1px solid grey;
+                cursor: pointer;
+            }
+
+            .SessionView > .RoomView {
+                padding: 10px;
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+            }
+
+            .SessionView > .RoomView > .ListView {
+                flex: 1;
+                overflow-y: scroll;
+            }
+        </style>
 	</head>
 	<body>
 		<p id="syncstatus"></p>