From e39bf6ef0a393332cc93893c7d77133725b0e0d0 Mon Sep 17 00:00:00 2001
From: Hunter Long <Info@socialeck.com>
Date: Sat, 15 Sep 2018 03:06:31 -0700
Subject: [PATCH] UI updates

---
 Makefile                  |  2 +-
 source/css/base.css       |  2 +-
 source/scss/mobile.scss   |  2 +-
 source/tmpl/logs.html     |  8 ++++++++
 source/tmpl/settings.html | 18 ++++++++++--------
 5 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/Makefile b/Makefile
index b5712b86..d20174d3 100644
--- a/Makefile
+++ b/Makefile
@@ -1,4 +1,4 @@
-VERSION=0.6
+VERSION=0.61
 BINARY_NAME=statup
 GOPATH:=$(GOPATH)
 GOCMD=go
diff --git a/source/css/base.css b/source/css/base.css
index 2330cb46..1b23bc02 100644
--- a/source/css/base.css
+++ b/source/css/base.css
@@ -421,7 +421,7 @@ HTML, BODY {
     padding: 5px 5px; }
 
   .lg_number {
-    font-size: 8.1vw; }
+    font-size: 7.8vw; }
 
   .stats_area {
     margin-top: 1.5rem !important;
diff --git a/source/scss/mobile.scss b/source/scss/mobile.scss
index fb64ae8c..d9b1f8c7 100644
--- a/source/scss/mobile.scss
+++ b/source/scss/mobile.scss
@@ -48,7 +48,7 @@
     }
 
     .lg_number {
-        font-size: 8.1vw;
+        font-size: 7.8vw;
     }
 
     .stats_area {
diff --git a/source/tmpl/logs.html b/source/tmpl/logs.html
index cedcd255..e9b1640d 100644
--- a/source/tmpl/logs.html
+++ b/source/tmpl/logs.html
@@ -40,5 +40,13 @@
 <script src="/js/main.js"></script>
 {{end}}
 
+<style>
+    @media (max-width: 767px) {
+        #live_logs {
+            font-size: 6pt;
+        }
+    }
+</style>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/source/tmpl/settings.html b/source/tmpl/settings.html
index 46192b21..9ca577d5 100644
--- a/source/tmpl/settings.html
+++ b/source/tmpl/settings.html
@@ -62,14 +62,16 @@
                         </div>
 
                         <div class="form-group row">
-                            <div class="col-sm-7">
+                            <div class="col-8 col-sm-9">
                                 <label for="domain">Domain</label>
                                 <input type="text" name="domain" class="form-control" value="{{ .Domain }}" id="domain">
                             </div>
-                            <div class="col-sm-5 mt-4">
+                            <div class="col-4 col-sm-3 mt-sm-1 mt-0">
+                                <label for="enable_cdn" class="d-inline d-sm-none">Enable CDN</label>
+                                <label for="enable_cdn" class="d-none d-sm-block">Enable CDN</label>
                               <span class="switch">
                                 <input type="checkbox" name="enable_cdn" class="switch" id="switch-normal" {{if USE_CDN}}checked{{end}}{{if .UsingAssets}} disabled{{end}}>
-                                <label for="switch-normal">Enable CDN</label>
+                                <label for="switch-normal" class="mt-2 mt-sm-0"></label>
                               </span>
                             </div>
 
@@ -141,7 +143,7 @@
                 <form method="POST" action="/settings/notifier/{{ $n.Method }}">
                 {{if $n.Title}}<h4>{{$n.Title}}
                 </h4>{{end}}
-                {{if $n.Description}}<p class="text-muted">{{safe $n.Description}}</p>{{end}}
+                {{if $n.Description}}<p class="small text-muted">{{safe $n.Description}}</p>{{end}}
                     {{range .Form}}
                         <div class="form-group">
                             <label class="text-capitalize" for="{{underscore .Title}}">{{.Title}}</label>
@@ -151,7 +153,7 @@
                     {{end}}
 
                     <div class="row">
-                    <div class="col-sm-6">
+                    <div class="col-9 col-sm-6">
                         <div class="input-group mb-2">
                             <div class="input-group-prepend">
                                 <div class="input-group-text">Limit</div>
@@ -163,19 +165,19 @@
                         </div>
                     </div>
 
-                        <div class="col-sm-2 mt-1">
+                        <div class="col-3 col-sm-2 mt-1">
                         <span class="switch">
                             <input type="checkbox" name="enable" class="switch" id="switch-{{ $n.Method }}" {{if $n.Enabled}}checked{{end}}>
                             <label for="switch-{{ $n.Method }}"></label>
                         </span>
                         </div>
 
-                    <div class="col-sm-4">
+                    <div class="col-12 col-sm-4 mb-2 mb-sm-0 mt-2 mt-sm-0">
                         <button type="submit" class="btn btn-primary btn-block text-capitalize">Save</button>
                     </div>
 
                     {{if $n.CanTest}}
-                        <div class="col-sm-12">
+                        <div class="col-12 col-sm-4 float-right text-right">
                             <button class="btn btn-secondary btn-block text-capitalize">Test</button>
                         </div>
                     {{end}}