Settings Button

src/utils.rs

@@ -205,8 +205,6 @@ pub async fn fetch_posts(path: &str, fallback_title: String) -> Result<(Vec<Post
 		// Determine the type of media along with the media URL
 		let media = media(&post["data"]).await;
 
-		dbg!(post["data"]["id"].to_string());
-
 		posts.push(Post {
 			id: val(post, "id"),
 			title: if title.is_empty() { fallback_title.to_owned() } else { title },

static/style.css

@@ -41,6 +41,12 @@ nav * { color: white; }
 nav #reddit { color: var(--accent); }
 nav #version { opacity: 25%; }
 
+#settings_link {
+	font-size: 18px;
+	margin-left: 20px;
+	opacity: 0.8;
+}
+
 main {
 	display: flex;
 	justify-content: center;
@@ -562,6 +568,20 @@ input[type="submit"]:hover { color: var(--accent); }
 	padding: 0;
 }
 
+#compact .post:first-of-type {
+	border-radius: 5px 5px 0 0;
+	overflow: hidden;
+}
+
+#compact .post:last-of-type {
+	border-radius: 0 0 5px 5px;
+	overflow: hidden;
+}
+
+#compact .post.highlighted {
+	border-radius: 5px;
+}
+
 #compact .post:not(:last-of-type):not(.highlighted):not(.stickied) {
 	border-bottom: 0;
 }
@@ -587,8 +607,8 @@ input[type="submit"]:hover { color: var(--accent); }
 	max-height: 75px;
 }
 
-#compact #footer {
-	margin-top: 10px;
+#compact footer {
+	margin-top: 20px;
 }
 
 #card .post_right {

templates/base.html

@@ -19,6 +19,7 @@
 					<span id="lib">lib</span><span id="reddit">reddit.</span>
 				</a>
 				<span id="version">v{{ env!("CARGO_PKG_VERSION") }}</span>
+				<a id="settings_link" href="/settings">settings</a>
 			</p>
 			{% block search %}{% endblock %}
 			<a id="github" href="https://github.com/spikecodes/libreddit">GITHUB</a>