From a7c5878a04be278908789ad7ef5b77b34bb3a371 Mon Sep 17 00:00:00 2001
From: hak8or <hak8or@gmail.com>
Date: Sat, 2 Sep 2017 21:35:07 -0400
Subject: [PATCH] Minor styling for YT vids

---
 YTManager/wwwroot/index.css | 11 ++++++++++-
 YTManager/wwwroot/index.js  | 15 +++++++--------
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/YTManager/wwwroot/index.css b/YTManager/wwwroot/index.css
index d4c0f23..05643ef 100644
--- a/YTManager/wwwroot/index.css
+++ b/YTManager/wwwroot/index.css
@@ -3,7 +3,7 @@
     margin-right: 5%;
     line-height: 1.6;
     font-size: 18px;
-    color: #444;
+    color: #003636;
     background-color: #F8F8F8;
 }
 
@@ -16,6 +16,15 @@
     background-color: red;
 }
 
+.success {
+    background-color: rgb(149, 167, 82);
+}
+
+.curvedbottom {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+
 #addnewchannelform {
     width: inherit;
     margin: auto;
diff --git a/YTManager/wwwroot/index.js b/YTManager/wwwroot/index.js
index 2441537..1013052 100644
--- a/YTManager/wwwroot/index.js
+++ b/YTManager/wwwroot/index.js
@@ -13,15 +13,14 @@ var vidholder = new Vue({
     template: `
     <div>
         <div class="grid-x grid-margin-x large-up-6">
-            <div v-for="video in Videos" class="cell"><div class="card">
-                <div class="card-divider">
-                    <h6>{{ video.title }}</h6>
+            <div v-for="video in Videos" class="cell">
+                <div class="success card curvedbottom">
+                    <a :href="video.url"><img :src="video.thumbnailURL"></a>
+                    <div class="card-section" style="padding-top: 7px; padding-bottom: 7px;">
+                        <p style="padding-top: 0px; padding-bottom: 0px; font-size: 12px;">{{ video.title }}</p>
+                    </div>
                 </div>
-                <a :href="video.url"><img :src="video.thumbnailURL"></a>
-                <div class="card-section">
-                    <p class="tinytext14px">{{ video.description }}</p>
-                </div>
-            </div></div>
+            </div>
         </div >
     </div>
     `,