From 27b406fbebd6f748f45d15d3bba95edbb2a85dca Mon Sep 17 00:00:00 2001
From: Felix Hartmann <st143665@stud.uni-stuttgart.de>
Date: Sun, 20 Jan 2019 20:47:06 +0100
Subject: [PATCH] fixed navbar and footter, added snail

---
 src/static/img/{favicon.ico => snail.png} | Bin
 src/static/index.html                     |  20 +++++++++-----------
 src/static/js/index.js                    |   2 +-
 3 files changed, 10 insertions(+), 12 deletions(-)
 rename src/static/img/{favicon.ico => snail.png} (100%)
diff --git a/src/static/img/favicon.ico b/src/static/img/snail.png
similarity index 100%
rename from src/static/img/favicon.ico
rename to src/static/img/snail.png
diff --git a/src/static/index.html b/src/static/index.html
index c5f705f..d8fad48 100644
--- a/src/static/index.html
+++ b/src/static/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"> 
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
-    <link rel='shortcut icon' type='image/png' href='/img/favicon.ico'/>
+    <link rel='shortcut icon' type='image/png' href='/img/snail.png'/>
     <link rel='stylesheet' href='/css/bootstrap.min.css'>
     <link rel='stylesheet' href='/css/jquery-ui.min.css'>
     <link rel='stylesheet' href='/css/jquery-ui.structure.min.css'>
@@ -28,16 +28,12 @@
   <body>
     <nav class='navbar navbar-inverse'>
       <a class="navbar-brand" href="/">
-        <img src="/img/favicon.ico" width="25" height="25" alt="SlowDowner - v0.0.1(Alpha) Logo">
+        <img src="/img/snail.png" width="25" height="25" alt="SlowDowner - v0.0.1(Alpha) Logo">
       </a>
       <div class='container-fluid'>
         <div class='navbar-header'>
           <a class='navbar-brand' href='/'>SlowDowner - v0.0.1(Alpha)</a>
         </div>
-        <p class='navbar-text navbar-right'><span>&zwnj;</span></p>
-        <ul class='nav navbar-nav navbar-right'>
-          <li class='navbar-text' id='user_count' style='color: #FFFFFF;'>Verbundene Computer: 0</li>
-        </ul>
       </div>
     </nav>
     
@@ -66,13 +62,12 @@
           </div>
           <br>
           <div class="row">
-            <div class="col-xs-2">
+            <div class="col-sm-4">
               <button id='playBtn' class='btn btn-success'><i class='fa fa-play'></i></button>
-            </div>
-            <div class="col-xs-2">
+              <label class="info-txt-small">&zwnj;</label>
               <button id='stopBtn' class='btn btn-danger'><i class='fa fa-stop'></i></button>
             </div>
-            <div class="col-xs-8">
+            <div class="col-sm-8">
               <button id='aLoopBtn' class='btn btn-warning'><b>A</b></button>
               <label class="info-txt-small" id="txt-aLoop">0:00</label>
               <i class='fa fa-repeat'></i>
@@ -96,7 +91,10 @@
           </div>
         </div>
         <footer>
-          <p>&#169;2019 Felix Hartmann</p>
+          <p>
+            &#169;2019 Felix Hartmann - 
+            <label id='user_count'>Verbundene Geräte: 0</label>
+          </p>
         </footer>
       </div>
     </div>
diff --git a/src/static/js/index.js b/src/static/js/index.js
index 16401c3..38da0e4 100644
--- a/src/static/js/index.js
+++ b/src/static/js/index.js
@@ -43,7 +43,7 @@ $(function () {
   });
 
   socket.on('status', function(msg){
-    $('#user_count').text('Verbundene Computer: ' + msg.users);
+    $('#user_count').text('Verbundene Geräte: ' + msg.users);
   });
 
   //buttons 
