From d03b5b8a0710519ac6d13fd718210fe450b1144b Mon Sep 17 00:00:00 2001
From: Nick Singer <nick.singer@geekify.de>
Date: Thu, 31 Jul 2014 18:16:44 +0200
Subject: [PATCH] modified stylesheet and index.html for a better looking
 connection form

---
 css/glowingbear.css | 17 +++++++++++++++++
 index.html          | 10 ++++++++--
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/css/glowingbear.css b/css/glowingbear.css
index 440b008..f1ef251 100644
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@@ -104,6 +104,20 @@ input[type=text], input[type=password], #sendMessage, .badge {
     color: #ccc;
     box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset;
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
+    margin-bottom: 5px !important;
+}
+.input-group {
+    width: 100%;
+}
+.row {
+    margin: 0px;
+    max-width: 300px;
+}
+.no-gutter [class*="col"] {
+    padding: 0px
+}
+.col-sm-9 {
+    padding-right: 5px !important;
 }
 .glyphicon {
     top: 0; /* Fixes alignment issue in top bar */
@@ -608,4 +622,7 @@ h2 span, h2 small {
         width: 5px;
         height: 5px;
     }
+    .col-sm-9 {
+        padding-right: 0px !important;
+    }
 }
diff --git a/index.html b/index.html
index 916e912..844e8e4 100644
--- a/index.html
+++ b/index.html
@@ -60,8 +60,14 @@
                 <div class="form-group">
                   <label class="control-label" for="host">WeeChat relay hostname and port number</label>
                   <div class="input-group">
-                    <input type="text" class="form-control favorite-font" id="host" ng-model="host" placeholder="Address">
-                    <input type="text" class="form-control favorite-font" id="port" ng-model="port" placeholder="Port">
+                    <div class="row no-gutter">
+                      <div class="col-sm-9">
+                        <input type="text" class="form-control favorite-font" id="host" ng-model="host" placeholder="Address" >
+                      </div>
+                      <div class="col-sm-3">
+                        <input type="text" class="form-control favorite-font" id="port" ng-model="port" placeholder="Port">
+                      </div>
+                    </div>
                   </div>
                   <label class="control-label" for="password">WeeChat relay password</label>
                   <input type="password" class="form-control favorite-font" id="password" ng-model="password" placeholder="Password">