1.3 - Small align adjustments

Author: quead

src/assets/css/main.css

@@ -858,7 +858,7 @@ iframe {
   align-items: center;
   background-color: #ffffff;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-  padding: 10px 15px;
+  padding: 10px 10px 0;
   cursor: pointer;
 }
 
@@ -871,6 +871,10 @@ iframe {
   margin: 0;
 }
 
+.video-item:last-child {
+  padding-bottom: 10px;
+}
+
 .video-item-image {
   flex: 0 0 55px;
   margin: 0 10px 0 0;
@@ -918,7 +922,7 @@ iframe {
   height: calc(100% - 39px);
   width: 100%;
   overflow: auto;
-  background-color: #f5f5f5;
+  background-color: #ffffff;
 }
 
 #related-video-list .related-video-content::-webkit-scrollbar-track {
@@ -952,7 +956,6 @@ iframe {
 
 #feed-video-list .video-item {
   background-color: transparent;
-  padding: 10px 5px;
   border-bottom: none;
 }
 

src/assets/scss/_videos.scss

@@ -46,7 +46,7 @@ iframe {
     align-items: center;
     background-color: $c-white;
     border-bottom: 1px solid rgba($c-black,0.05);
-    padding: 10px 15px;
+    padding: 10px 10px 0;
     cursor: pointer;
     h2 {
         font-size: $f-14;
@@ -55,6 +55,9 @@ iframe {
     p {
         margin: 0;
     }
+    &:last-child {
+        padding-bottom: 10px;
+    }
 }
 
 .video-item-image {
@@ -98,7 +101,7 @@ iframe {
         height: calc(100% - 39px);
         width: 100%;
         overflow: auto;
-        background-color: $c-default;
+        background-color: $c-white;
         &::-webkit-scrollbar-track {
             border-radius: 2px;
         }
@@ -129,7 +132,6 @@ iframe {
     padding-left: 15px;
     .video-item {
         background-color: transparent;
-        padding: 10px 5px;
         border-bottom: none;
     }
     &::-webkit-scrollbar-track {