From f596d7fa74e8477df768105fa7069080a6ff39d9 Mon Sep 17 00:00:00 2001
From: Christian Pointner <equinox@helsinki.at>
Date: Thu, 1 Dec 2016 13:06:46 +0100
Subject: make main status line aligned around center


diff --git a/www/index.html b/www/index.html
index 8bd60f8..c9ab4d7 100644
--- a/www/index.html
+++ b/www/index.html
@@ -36,7 +36,7 @@
 
      <div class="row">
        <div class="col-md-5 col-md-offset-3">
-         <div class="row">
+         <div class="row" id="mainstatus">
            <div class="col-xs-2"><h3>Mood:<h3></div>
            <div id="rhctlmood" class="col-xs-2">
              <img src="/img/mood-undefined.png" />
diff --git a/www/styles/main.css b/www/styles/main.css
index 806df2a..db4349e 100644
--- a/www/styles/main.css
+++ b/www/styles/main.css
@@ -63,7 +63,21 @@
   margin-bottom: 1em;
 }
 
+#mainstatus {
+  display: flex;
+}
+
+#mainstatus div {
+  align-self: center;
+}
+
+#rhctlactiveserver {
+  display: flex;
+  align-self: center;
+}
+
 #rhctlactiveserver span {
+  align-self: center;
   font-size: 2em;
 }
 
-- 
cgit v0.10.2