minor design changes

DataManagementLab · Feb 15, 2024 · 9581ab1 · 9581ab1
1 parent a729eb4
commit 9581ab1
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/src/index.scss b/src/index.scss
@@ -161,6 +161,13 @@ input {
 	}
 }
 
+h1 {
+	letter-spacing: -1px;
+}
+h2 {
+	letter-spacing: -0.5px;
+}
+
 [data-theme='dark'] {
 	--bg-color: #020c13;
 	--btn-color: #010407;

diff --git a/src/views/Help/Help.scss b/src/views/Help/Help.scss
@@ -1,4 +1,5 @@
 .Help {
+	margin-bottom: 100px;
 	.container {
 		display: flex;
 	}
@@ -14,6 +15,7 @@
 		text-decoration: none;
 		color: #ffffff;
 		font-weight: bold;
+		transition: color 0.3s;
 		.db {
 			color: #020c13;
 		}
@@ -26,6 +28,18 @@
 		}
 	}
 
+	i {
+		font-size: 20px;
+	}
+
+	p {
+		line-height: 1.3;
+	}
+
+	h3 {
+		margin-top: 50px;
+	}
+
 	.liIcon {
 		margin-bottom: -5px;
 	}

diff --git a/src/views/Help/Help.tsx b/src/views/Help/Help.tsx
@@ -81,12 +81,7 @@ function Help() {
 									<li>
 										<p>
 											By pressing{' '}
-											<i
-												className="bi bi-cloud-arrow-up-fill icon -mr2"
-												style={{
-													verticalAlign: '-4px',
-												}}
-											></i>{' '}
+											<i className="bi bi-cloud-arrow-up-fill icon -mr2"></i>{' '}
 											'Upload' you complete the process
 											and can now use the newly uploaded
 											documents.
@@ -137,12 +132,7 @@ function Help() {
 									<li>
 										<p>
 											Using{' '}
-											<i
-												className="bi bi-play-fill icon mr-2"
-												style={{
-													verticalAlign: '-4px',
-												}}
-											></i>
+											<i className="bi bi-play-fill icon mr-2"></i>
 											'Run' will finish the
 											creation-process, so you can
 											interact with the newly structured