web: adjust some styles

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 {

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;

web/src/ui/MessageComposer.css

@@ -16,8 +16,6 @@ div.message-composer {
 
 		> button {
 			padding: .5rem;
-			border: none;
-			background: none;
 		}
 	}
 }

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;

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);

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;
 

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;