Style fix for #23

app/www/data/themes/dark/style.css

@@ -44,6 +44,11 @@ html,body{
 .close-button:hover{
 	color: red;
 }
+.container{
+	overflow: auto;
+	padding: 0;
+	margin: 0;
+}
 #head{
 	right: 0;
 	top: 0;
@@ -80,8 +85,6 @@ html,body{
 	padding: 2px;
 }
 #console-log-controls{
-	position: absolute;
-	bottom: 22px;
 	width: 100%;
 	overflow: hidden;
 }
@@ -113,6 +116,10 @@ html,body{
 	border-right-style: solid;
 	right: 36px;
 }
+#users div.container, #settings div.container{
+	height: calc(100% - 29px);
+	width: 100%;
+}
 #settings.hovered,#users.hovered{
 	height: 21px;
 }

app/www/data/themes/default/style.css

@@ -42,6 +42,11 @@ html,body{
 .close-button:hover{
 	color: red;
 }
+.container{
+	overflow: auto;
+	padding: 0;
+	margin: 0;
+}
 #head{
 	right: 0;
 	top: 0;
@@ -78,8 +83,6 @@ html,body{
 	padding: 2px;
 }
 #console-log-controls{
-	position: absolute;
-	bottom: 22px;
 	width: 100%;
 	overflow: hidden;
 }
@@ -111,6 +114,10 @@ html,body{
 	border-right-style: solid;
 	right: 36px;
 }
+#users div.container, #settings div.container{
+	height: calc(100% - 29px);
+	width: 100%;
+}
 #settings.hovered,#users.hovered{
 	height: 21px;
 }

app/www/index.html

@@ -41,12 +41,16 @@
 			<div id="users">
 				<span class="unselectable">Users</span>
 				<span class="close-button">&times;</span>
-				<ul id="user-list"></ul>
+				<div class="container">
+					<ul id="user-list"></ul>
+				</div>
 			</div>
 			<div id="settings">
 				<span class="unselectable">Settings</span>
 				<span class="close-button">&times;</span>
-				<ul id="settings-list"></ul>
+				<div class="container">
+					<ul id="settings-list"></ul>
+				</div>
 			</div>
 		</div>
 		<div id="console-log"></div>