From 0bbb84c6d1381505d519010735a9a48471255a78 Mon Sep 17 00:00:00 2001
From: Tulir Asokan <tulir@maunium.net>
Date: Wed, 16 Oct 2024 11:18:41 +0300
Subject: [PATCH] web: adjust some styles

---
 web/src/index.css                     | 4 ++++
 web/src/ui/Lightbox.css               | 2 --
 web/src/ui/MessageComposer.css        | 2 --
 web/src/ui/RoomView.css               | 4 +---
 web/src/ui/login/LoginScreen.css      | 1 -
 web/src/ui/timeline/ReplyBody.css     | 2 --
 web/src/ui/timeline/TimelineEvent.css | 2 +-
 7 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/web/src/index.css b/web/src/index.css
index b8d9294..bd96787 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -3,6 +3,8 @@ body {
 	margin: 0;
 	padding: 0;
 	background-color: #EEE;
+	line-height: 1.5;
+	font-size: 16px;
 }
 
 #root {
@@ -21,6 +23,8 @@ pre, code {
 button {
 	cursor: pointer;
 	font-size: 1em;
+	background: none;
+	border: none;
 }
 
 :root {
diff --git a/web/src/ui/Lightbox.css b/web/src/ui/Lightbox.css
index 0d10e92..502045e 100644
--- a/web/src/ui/Lightbox.css
+++ b/web/src/ui/Lightbox.css
@@ -17,8 +17,6 @@ div.overlay {
 			display: flex;
 			justify-content: center;
 			align-items: center;
-			background: none;
-			border: none;
 			color: #ccc;
 			width: 48px;
 			height: 48px;
diff --git a/web/src/ui/MessageComposer.css b/web/src/ui/MessageComposer.css
index d4fe1c2..17ca7d0 100644
--- a/web/src/ui/MessageComposer.css
+++ b/web/src/ui/MessageComposer.css
@@ -16,8 +16,6 @@ div.message-composer {
 
 		> button {
 			padding: .5rem;
-			border: none;
-			background: none;
 		}
 	}
 }
diff --git a/web/src/ui/RoomView.css b/web/src/ui/RoomView.css
index 1d345ca..d6e86ad 100644
--- a/web/src/ui/RoomView.css
+++ b/web/src/ui/RoomView.css
@@ -13,7 +13,7 @@ div.room-view {
 		display: flex;
 		align-items: center;
 		gap: .5rem;
-		margin-left: .5rem;
+		padding-left: .5rem;
 		border-bottom: 1px solid #ccc;
 
 		> span.room-name {
@@ -21,8 +21,6 @@ div.room-view {
 		}
 
 		> button.back {
-			background: none;
-			border: none;
 			height: 2.5rem;
 			width: 2.5rem;
 			padding: 0;
diff --git a/web/src/ui/login/LoginScreen.css b/web/src/ui/login/LoginScreen.css
index 7f67ffd..1cdb67d 100644
--- a/web/src/ui/login/LoginScreen.css
+++ b/web/src/ui/login/LoginScreen.css
@@ -51,7 +51,6 @@ main.matrix-login {
 		background-color: var(--primary-color);
 		color: white;
 		font-weight: bold;
-		border: none;
 
 		&:hover, &:focus {
 			background-color: var(--primary-color-dark);
diff --git a/web/src/ui/timeline/ReplyBody.css b/web/src/ui/timeline/ReplyBody.css
index 4f56977..adb4696 100644
--- a/web/src/ui/timeline/ReplyBody.css
+++ b/web/src/ui/timeline/ReplyBody.css
@@ -37,8 +37,6 @@ blockquote.reply-body {
 			display: flex;
 			margin-left: auto;
 			align-items: center;
-			background: none;
-			border: none;
 			border-radius: .25rem;
 			padding: 0;
 
diff --git a/web/src/ui/timeline/TimelineEvent.css b/web/src/ui/timeline/TimelineEvent.css
index 69008b7..f99a679 100644
--- a/web/src/ui/timeline/TimelineEvent.css
+++ b/web/src/ui/timeline/TimelineEvent.css
@@ -78,7 +78,7 @@ div.timeline-event {
 		grid-template:
 			"timestamp content status" auto
 			/ 3rem 1fr 2rem;
-		margin-top: .25rem;
+		margin-top: 0;
 
 		> div.sender-avatar, > div.event-sender-and-time {
 			display: none;