Indicate if video is unlisted

1 files changed, 20 insertions, 10 deletions

diff --git a/youtube/shared.css b/youtube/shared.css
index 151111d..a96fa9b 100644
--- a/youtube/shared.css
+++ b/youtube/shared.css
@@ -111,7 +111,7 @@ address{
     display:grid;
     grid-template-columns:40px auto auto auto 1fr;
     grid-template-rows: 1fr;
-    width: 550px;
+    width: 540px;
 }
     #playlist-edit{
         display:contents;
@@ -192,30 +192,40 @@ address{
         grid-row:2;
         min-width: 0;
     }
+    .full-item .is-unlisted{
+        background-color: #d0d0d0;
+        justify-self:start;
+        padding-left:2px;
+        padding-right:2px;
+    }
     .full-item address{
         grid-column: 1;
-        grid-row: 3;
+        grid-row: 4;
         justify-self: start;
     }
     .full-item .views{
         grid-column: 2;
-        grid-row: 3;
+        grid-row: 4;
         justify-self:end;
     }
     .full-item time{
         grid-column: 1;
-        grid-row: 4;
+        grid-row: 5;
         justify-self:start;
     }
     .full-item .likes-dislikes{
         grid-column: 2;
-        grid-row: 4;
+        grid-row: 5;
         justify-self:end;
     }
+    .full-item .download-dropdown{
+        grid-column:1;
+        grid-row: 6;
+    }
     .full-item .checkbox{
         justify-self:end;
 
-        grid-row: 5;
+        grid-row: 6;
         grid-column: 2;
     }
     .full-item .description{
@@ -225,17 +235,17 @@ address{
         min-width: 0;
 
         grid-column: 1 / span 2;
-        grid-row: 6;
+        grid-row: 7;
     }
     .full-item .music-list{
-        grid-row:7;
+        grid-row:8;
         grid-column: 1 / span 2;
     }
     .full-item .comments{
-        grid-row: 8;
+        grid-row: 9;
     }
     .full-item .more-comments{
-        grid-row: 9;
+        grid-row: 10;
     }
 
 .medium-item-box{