From 3bc6074ef33e44e56139c115013de971ef0c136d Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Thu, 4 Nov 2021 15:53:47 +0700
Subject: [PATCH] slimming some UI spacing issues

---
 tubearchivist/home/templates/home/channel_id.html |  3 ---
 tubearchivist/home/templates/home/video.html      |  6 ++----
 tubearchivist/static/css/style.css                | 14 +++++++++++---
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/tubearchivist/home/templates/home/channel_id.html b/tubearchivist/home/templates/home/channel_id.html
index 56b163e..24a8cc7 100644
--- a/tubearchivist/home/templates/home/channel_id.html
+++ b/tubearchivist/home/templates/home/channel_id.html
@@ -2,9 +2,6 @@
 {% block content %}
 {% load static %}
 {% load humanize %}
-<div class="title-bar">
-    <h1>Channel: {{ channel_info.channel_name }}</h1>
-</div>
 <div class="channel-banner">
     <a href="/channel/{{ channel_info.channel_id }}/"><img src="/cache/channels/{{ channel_info.channel_id }}_banner.jpg" alt="channel_banner"></a>
 </div>
diff --git a/tubearchivist/home/templates/home/video.html b/tubearchivist/home/templates/home/video.html
index 4ecd070..5a6a98e 100644
--- a/tubearchivist/home/templates/home/video.html
+++ b/tubearchivist/home/templates/home/video.html
@@ -2,17 +2,15 @@
 {% block content %}
 {% load static %}
 {% load humanize %}
-<div class="title-bar">
-    <h1>Video: {{ video.title }}</h1>
-</div>
 <div class="video-main">
     <video 
         src="/media/{{ video.media_url }}" 
         poster="/cache/{{ video.vid_thumb_url }}" controls preload="false" 
         type='video/mp4' width="100%" playsinline>
     </video>
+    <h1>{{ video.title }}</h1>
 </div>
-<div class="info-box info-box-3 padding-box">
+<div class="info-box info-box-3">
     <div class="info-box-item">
         <div class="round-img">
             <a href="{% url 'channel_id' video.channel.channel_id %}">
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index 46bd043..22ce38b 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -118,7 +118,6 @@ button:hover {
 
 .top-banner {
     text-align: center;
-    margin-top: 10px;
 }
 
 .top-banner img {
@@ -483,7 +482,10 @@ button:hover {
 .info-box {
     display: grid;
     grid-gap: 1rem;
-    margin: 1rem 0;
+}
+
+.description-box {
+    margin-top: 1rem;
 }
 
 .info-box-3 {
@@ -578,9 +580,15 @@ button:hover {
 }
 
 /* video page */
+.video-main {
+    margin-bottom: 1rem;
+}
+
 .video-main video {
     max-height: 70vh;
+    margin-bottom: 1rem;
 }
+
 .video-info-watched {
     display: flex;
     align-items: center;
@@ -614,7 +622,7 @@ button:hover {
 }
 
 .channel-item.list {
-    padding: 20px 0;
+    padding-bottom: 1rem;
 }
 
 .channel-item.grid > .info-box {