From 7feea3f839b4e78b865937e74689486a54ba0b92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Thu, 6 May 2021 15:18:19 -0500
Subject: Add subscriptions export

plus design by heckyel
---
 youtube/static/subscription_manager.css | 39 ++++++++++++++++++++++++++++++++-
 1 file changed, 38 insertions(+), 1 deletion(-)

(limited to 'youtube/static')

diff --git a/youtube/static/subscription_manager.css b/youtube/static/subscription_manager.css
index 1e260d8..7ddd90e 100644
--- a/youtube/static/subscription_manager.css
+++ b/youtube/static/subscription_manager.css
@@ -227,7 +227,8 @@ hr {
     grid-template-columns: 1fr;
     margin: auto;
     grid-template-areas:
-        "subscriptions-import-form";
+        "subscriptions-import-form"
+        "subscriptions-export-form";
     align-items: center;
     justify-items: center;
     justify-content: center;
@@ -237,12 +238,30 @@ hr {
     text-align: center;
 }
 
+.subscriptions-import-options {
+    display: grid;
+    grid-template-columns: repeat(1, auto);
+    margin: auto;
+}
+
+.subscriptions-export-form {
+    grid-area: subscriptions-export-form;
+    text-align: center;
+}
+
+.subscriptions-export-options {
+    display: grid;
+    grid-template-columns: repeat(1, auto);
+    margin: auto;
+}
+
 .sub-list-controls {
     display: grid;
     grid-row-gap: 0.2rem;
 }
 
 .subscriptions-import-form input[type='submit'],
+.subscriptions-export-form input[type='submit'],
 .sub-list-controls button[type='submit'],
 .sub-list-controls input[type='reset'] {
     cursor: pointer;
@@ -323,6 +342,24 @@ hr {
     .title {
         font-size: 1rem;
     }
+    .subscriptions-import-options {
+        display: grid;
+        grid-template-columns: repeat(2, auto);
+        margin: auto;
+        align-items: center;
+        justify-items: center;
+        justify-content: center;
+        grid-column-gap: 0.5rem;
+    }
+    .subscriptions-export-options {
+        display: grid;
+        grid-template-columns: repeat(4, auto);
+        margin: auto;
+        align-items: center;
+        justify-items: center;
+        justify-content: center;
+        grid-column-gap: 0.5rem;
+    }
 }
 
 @media (min-width: 600px) {
-- 
cgit v1.2.3