From 8a6effc1db50ae192a4b67d71bea2285783c4bf9 Mon Sep 17 00:00:00 2001
From: Benjamyn Love <benjamyn.love@gmail.com>
Date: Mon, 4 Jun 2018 15:34:34 +1000
Subject: [PATCH] Tweaked CSS ad ignored test files

---
 .gitignore                          |  1 +
 static/css/{test.css => custom.css} |  7 +++++++
 templates/index.html                | 14 +++++++-------
 3 files changed, 15 insertions(+), 7 deletions(-)
 rename static/css/{test.css => custom.css} (53%)

diff --git a/.gitignore b/.gitignore
index f3d9c7a..ef98138 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 .tcreds
 venv/
+test*
diff --git a/static/css/test.css b/static/css/custom.css
similarity index 53%
rename from static/css/test.css
rename to static/css/custom.css
index 0dcdfc9..1293f2e 100644
--- a/static/css/test.css
+++ b/static/css/custom.css
@@ -3,3 +3,10 @@
   grid-template-columns: repeat(4, 1fr);
   grid-auto-rows: minmax(100px, auto);
 }
+.tbottom {
+   position:absolute;
+   left:20px;
+   bottom:0px;
+   height:30px;
+   width:100%;
+}
diff --git a/templates/index.html b/templates/index.html
index 18378ef..7f8b193 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,8 +6,8 @@
                         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
                         <!-- Bootstrap CSS -->
-                        <link rel="stylesheet" href="http://benjamyn.love/css/bootstrap.min.css">
-                	<link rel="stylesheet" href="static/css/test.css">
+                        <link rel="stylesheet" href="https://benjamyn.love/css/bootstrap.min.css">
+                	<link rel="stylesheet" href="static/css/custom.css">
 		</head>
 
                 <div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;">
@@ -23,8 +23,8 @@
                             <img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap">
                             <div class="card-body">
                               <h5 class="card-title"><a href="{{ x["channel"]["url"] }}" > {{ x["channel"]["display_name"] }}</a> <img src="{{ x["channel"]["logo"]}}" height="16" width="16" style="vertical-align: unset" ></h5>
-                              <p class="card-text test">{{ x["channel"]["game"] }}</p>
-                              <p class="card-text test"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p>
+                              <p class="card-text">{{ x["channel"]["game"] }}</p>
+                              <p class="card-text tbottom"><small class="text-muted">{{ x["viewers"] }} Viewers</small></p>
                             </div>
                           </div>
                         {% endfor %}
@@ -32,9 +32,9 @@
                 </div>
                 <!-- Optional JavaScript -->
                 <!-- jQuery first, then Popper.js, then Bootstrap JS -->
-                <script src="http://benjamyn.love/js/jquery-3.3.1.slim.min.js"></script>
-                <script src="http://benjamyn.love/js/popper.min.js"></script>
-                <script src="http://benjamyn.love/js/bootstrap.min.js"></script>
+                <script src="https://benjamyn.love/js/jquery-3.3.1.slim.min.js"></script>
+                <script src="https://benjamyn.love/js/popper.min.js"></script>
+                <script src="https://benjamyn.love/js/bootstrap.min.js"></script>
         </body>
 </html>