From 601433fda9fdff27ad7908a77e82d3846a19adb1 Mon Sep 17 00:00:00 2001
From: Nils G <nils.gondermann@ruhr-uni-bochum.de>
Date: Tue, 14 Apr 2020 17:26:51 +0200
Subject: [PATCH] Fix css for header
---
static/css/base.css | 23 ++++++++++++++++-------
views/include/header_debug.html | 4 ++--
views/layout.html | 2 +-
3 files changed, 19 insertions(+), 10 deletions(-)
diff --git a/static/css/base.css b/static/css/base.css
index e385945..5ccd91f 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 8fc9543..e0d0b15 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 fa30045..f15c318 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 -->
--
GitLab