Project list and starting editing

assets/common.css

@@ -286,6 +286,88 @@ html.light-mode .light-block {
     padding: 0 4px;
     border-radius: 4px;
     font-size: var(--font-smaller);
-    /* font-style: italic; */
     font-variant: all-petite-caps;
+}
+
+.suggestion-subtext {
+    display: flex;
+    justify-content: space-between;
+    font-size: var(--font-smaller);
+    font-style: italic;
+}
+
+.arrow-down {
+    border: 2px solid var(--background-modifier-border-focus);
+    border-top-color: transparent;
+    border-left-color: transparent;
+    width: 10px;
+    height: 10px;
+    transform: rotate(45deg);
+    position: relative;
+    left: 8px;
+    top: -3px;
+}
+
+.projects-container {
+    flex: 1 1;
+    padding: 2em 4em;
+}
+
+.project-list {
+    display: flex;
+}
+
+.project-item {
+    margin: 1em;
+    padding: .5em;
+    border: 1px solid var(--background-modifier-border);
+    width: 45%;
+}
+
+.project-title {
+    font-size: var(--font-ui-large);
+    font-weight: var(--font-bold);
+    display: block;
+}
+
+.project-user {
+    font-size: var(--font-small);
+    display: inline;
+}
+
+.project-pages {
+    display: inline;
+    float: inline-end;
+    font-size: var(--font-small);
+}
+
+.arrow-group {
+    position: absolute;
+    left: -1em;
+    top: calc(100% + 7px);
+    border: 1px solid var(--background-modifier-border);
+    background-color: var(--background-primary);
+    z-index: 99;
+    text-wrap: nowrap;
+    display: none;
+    flex-direction: column;
+}
+
+.arrow-down.active + .arrow-group {
+    display: flex;
+}
+
+.arrow-group .arrow-group-item {
+    padding: 8px 1em;
+    font-weight: var(--font-medium);
+    color: var(--text-normal);
+    border-bottom: 1px solid var(--background-modifier-border);
+}
+
+.arrow-group .arrow-group-item:last-child {
+    border-bottom: none;
+}
+
+.arrow-group .arrow-group-item:hover {
+    background-color: var(--background-primary-alt);
 }

assets/global.css

@@ -2636,7 +2636,7 @@ body:not(.native-scrollbars) * {
 }
 
 .suggestion-item {
-    cursor: var(--cursor);
+    cursor: pointer;
     padding: var(--size-2-3) var(--size-4-3);
     padding-left: 12px;
     white-space: pre-wrap;