Merge branch 'quicklist'

static/style.css

@@ -525,12 +525,22 @@ aside {
     margin-bottom: 20px;
 }
 
+#sub_actions {
+    display: grid;
+    grid-template-columns: auto 2fr 1fr; 
+    grid-template-rows: 1fr;
+    grid-column-gap: 0px;
+    grid-row-gap: 0px; 
+}
+
 #user_details,
 #sub_details,
-#sub_actions,
 #user_actions {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: auto 2fr 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 0px;
+    grid-row-gap: 0px; 
 }
 @media screen and (max-width: 279px) {
     #sub_actions { display: unset; }
@@ -547,6 +557,8 @@ aside {
 #user_subscription,
 #sub_filter,
 #user_filter,
+#sub_quicklist,
+#user_quicklist,
 #sub_rss,
 #user_rss {
     margin-top: 20px;
@@ -556,9 +568,16 @@ aside {
     margin-bottom: 20px;
 }
 
+#sub_quicklist button,
+#user_quicklist button {
+    padding: 0px;
+}
+
 .subscribe,
 .unsubscribe,
 .filter,
+.unquick,
+.quick,
 .unfilter {
     padding: 10px 20px;
     border-radius: 5px;
@@ -570,12 +589,22 @@ aside {
     color: var(--foreground);
     background-color: var(--accent);
 }
+.quick {
+    color: var(--foreground);
+    background-color: var(--accent);
+    height: 18px;
+}
 
 .unsubscribe,
 .unfilter {
     color: var(--text);
     background-color: var(--highlighted);
 }
+.unquick {
+    color: var(--text);
+    background-color: var(--highlighted);
+    height: 18px;
+}
 
 /* Feeds */
 
@@ -2286,4 +2315,4 @@ th {
 
 .download:active {
 	background-color: var(--background);
-}
+}