diff --git a/static/css/base.css b/static/css/base.css
index e385945f539f9ed9194cb4de9cf007572f463ef6..5ccd91fe5d6379d9498e64c3bb818893d92ac032 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -6,7 +6,7 @@
}
body, html {
- min-width: 375px;
+ min-width: 275px;
}
/* =============== Header =================== */
@@ -34,22 +34,31 @@ body, html {
}
#header span {
- vertical-align: middle;
+ overflow: hidden;
+}
+
+#header #header_left, #header #header_right {
+ display: table-cell;
+ line-height: 10px;
+ word-wrap: anywhere;
+ font-size: 0.6em;
+ width: 20%;
}
#header #header_left {
- margin-left: 15%;
float: left;
+ text-align: left;
+ padding-left: 5%;
}
#header #header_center {
- margin-left: 10px;
- margin-right: 10px;
+ margin: auto;
}
#header #header_right {
- margin-right: 15%;
float: right;
+ text-align: right;
+ padding-right: 5%;
}
.spacer {
@@ -65,7 +74,7 @@ body, html {
left: 0px;
bottom: 0px;
width: 100%;
- min-width: inherit;
+ min-width: 300px;
margin-top: 20px;
padding: 5px;
diff --git a/views/include/header_debug.html b/views/include/header_debug.html
index 8fc9543c443bbe2a869266f87f1c47a457ee5ba2..e0d0b15a0c8c847fa35545fe2c0112275d3dddf1 100644
--- a/views/include/header_debug.html
+++ b/views/include/header_debug.html
@@ -1,5 +1,5 @@
<script type="text/javascript">
- $("#header_left").html("{{=player_record.name}}");
+ $("#header_left").html("{{=room_record.code}}");
$("#header_center").html("Lynchburg");
- $("#header_right").html("{{=room_record.code}}");
+ $("#header_right").html("{{=player_record.name}}:{{=player_record.role}}");
</script>
diff --git a/views/layout.html b/views/layout.html
index fa30045c5fcd62b39e98904e91a54da1879ab25a..f15c318a44b08e4a7f4b6f104946f39332439583 100644
--- a/views/layout.html
+++ b/views/layout.html
@@ -10,7 +10,7 @@
</head>
<body>
- <div id="header"><span id="header_left"></span><span id="header_center"></span><span id="header_right"></span></div>
+ <div id="header"><span id="header_left"></span><span id="header_right"></span><span id="header_center"></span></div>
<div class="spacer"></div>
<!-- Page Content -->