Implement Journal View.

v2/css/styles.css

@@ -78,6 +78,7 @@ input[type="checkbox"], input[type="radio"] {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none;
+	cursor: inherit;
  }
 
 input[type="checkbox"]:checked {
@@ -270,6 +271,14 @@ a {
 	overflow-y: auto;
 }
 
+.popup-item-disabled, .popup-title-disabled {
+	pointer-events: none;
+	user-select: none;
+}
+.popup-item-disabled {
+	opacity: .6;
+}
+
 .popup-footer :hover{
 	background-color: #808080;
 }
@@ -1355,6 +1364,44 @@ a {
 	left: -10000px;
 }
 
+/* journal screen */
+.journal-list-container {
+	position: absolute;
+	top: 55px;
+	left: 0;
+	height: calc(100vh - 110px);
+	overflow-y: auto;
+	width: 100%;
+	background-color: white;
+}
+.journal-list-container.expanded {
+	height: calc(100vh - 55px);
+}
+#journal-listview {
+	margin-inline: auto;
+	padding-left: 10px;
+	padding-right: 40px;
+}
+#journal-listview .journal-checkbox {
+	width: 18px;
+	height: 18px;
+}
+#journal-listview .journal-star {
+	padding: 10px .5rem;
+}
+.journal-footer {
+	position: absolute;
+	inset: 0;
+	top: auto;
+	justify-content: left;
+}
+.journal-footer .icon {
+	margin-right: .7rem !important;
+}
+#journal-sync {
+	margin-left: 34% !important;
+}
+
 /* neighborhood screen */
 .server-error {
 	display: flex;