web: add bulk read/unerad functionality

web/index.html

@@ -9,6 +9,8 @@
     integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="icon" href="https://static.xinu.tv/favicon/letterbox.svg" />
+  <!-- Pretty checkboxes -->
+  <link data-trunk rel="css" href="static/main.css" />
   <style>
     .message {
       display: inline-block;
@@ -63,6 +65,10 @@
       width: 100%;
     }
 
+    .index .edit {
+      width: 1.5em;
+    }
+
     .index .unread {
       font-weight: bold;
     }
@@ -80,16 +86,6 @@
       white-space: nowrap;
     }
 
-    .index .subject:hover .mark-read-button {
-      display: inline-flex;
-    }
-
-    .index .subject .mark-read-button {
-      display: none;
-      font-size: .6rem;
-      float: right;
-    }
-
     .index .date {
       width: 10em;
       white-space: nowrap;
@@ -156,9 +152,20 @@
     }
 
     .search-results .row {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+
       border-bottom: 1px #444 solid;
       padding-bottom: .5em;
       padding-top: .5em;
+      width: 100%;
+    }
+
+    .search-results .row .checkbox {}
+
+    .search-results .row .summary {
+      min-width: 0;
     }
 
     .search-results .row .subject {
@@ -185,13 +192,13 @@
 
     /* Hide quoted emails */
     /*
-div[name="quote"],
-blockquote[type="cite"],
-.gmail_quote {
+  div[name="quote"],
+  blockquote[type="cite"],
+  .gmail_quote {
   background-color: red;
   display: none;
-}
-*/
+  }
+  */
 
     .desktop .main-content {
       display: grid;