Small screen fixes

src/lib/style/app.scss

@@ -133,6 +133,10 @@ nav {
 
 		.digit.icon {
 			content: 'abc';
+
+			svg {
+				width: 100%;
+			}
 		}
 	}
 
@@ -143,7 +147,29 @@ nav {
 
 	@media (max-width: 576px) {
 		.btclock {
-			font-size: calc(3vw + 3vh); /* Adjust for small screens if necessary */
+			font-size: calc(2vw + 2vh); /* Adjust for small screens if necessary */
+
+			.digit,
+			.splitText,
+			.mediumText {
+				padding: 5px;
+			}
+
+			.splitText {
+				.top-text,
+				.bottom-text {
+					margin: 0;
+					line-height: 1;
+				}
+
+				.top-text {
+					margin-bottom: -10px;
+				}
+
+				.bottom-text {
+					margin-top: -10px;
+				}
+			}
 		}
 	}
 }