From fcfd9fce9174c356742924e0095dbf90519614f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lorenz=20H=C3=BCbschle-Schneider?=
 <lorenz-dev@lgh-alumni.de>
Date: Thu, 10 Jul 2014 17:37:39 +0100
Subject: [PATCH] Make it pretty

---
 css/glowingbear.css |  6 ++++++
 index.html          | 27 ++++++++++++++++-----------
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 19cb22a..28f6726 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -361,9 +361,15 @@ table.notimestampseconds td.time span.seconds {
     font-size: medium;
 }
 .modal-header {
+    padding-top: 23px;
     border-bottom: 0;
 }
 
+#fontchoice label {
+    font-weight: normal;
+    text-align: left;
+}
+
 h2 {
     padding-bottom: 5px;
     height: 72px;
diff --git a/index.html b/index.html
index c26a3be..6c360cc 100644
--- a/index.html
+++ b/index.html
@@ -271,10 +271,25 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
           <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
             <h4 class="modal-title">Settings</h4>
+            <p>Settings will be stored in your browser.</p>
           </div>
           <div class="modal-body">
-            <p>Settings will be stored in your browser.</p>
             <ul class="">
+              <li id="fontchoice">
+                <form class="form-horizontal" role="form">
+                  <div class="form-group">
+                    <label for="font" class="col-sm-3 control-label">Preferred font</label>
+                    <div class="col-sm-4" style="padding-left: 0;">
+                      <input type="text" ng-model="fontfamily" class="form-control" id="font">
+                    </div>
+
+                    <label for="size" class="col-sm-1 control-label">Size</label>
+                    <div class="col-sm-2">
+                      <input type="text" ng-model="fontsize" class="form-control" id="size" placeholder="14px">
+                    </div>
+                  </div>
+                </form>
+              </li>
               <li>
                 <form class="form-inline" role="form">
                   <div class="checkbox">
@@ -367,16 +382,6 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
                   </div>
                 </form>
               </li>
-              <li>
-                Override font family
-                <br>
-                <input type="text" ng-model="fontfamily">
-              </li>
-              <li>
-                Override font size (E.g. 16px)
-                <br>
-                <input type="text" ng-model="fontsize" placeholder="14px">
-              </li>
               <li>
                 <form class="form-inline" role="form">
                   <div class="checkbox">