Clean up and typing

src/styles/ActionIcon.module.css

@@ -19,23 +19,6 @@
 	}
 }
 
-.editButton {
-	&.root {
-		background-color: var(--color-text-acc) !important;
-		color: var(--color-text-pri) !important;
-		.icon {
-			font-size: 24px;
-		}
-		.loader {
-			display: none;
-		}
-		:hover {
-			background-color: var(--color-text-pri) !important;
-			color: var(--color-text-acc) !important;
-		}
-	}
-}
-
 .themeEditButton {
 	&.root {
 		background-color: white !important;

src/styles/Button.module.css

@@ -19,20 +19,6 @@
 	}
 }
 
-.themeButton {
-	&.root {
-		font-size: 1em;
-		font-weight: 500;
-		margin: 10px;
-		width: 128px;
-		line-height: 3rem;
-		text-align: center;
-		text-transform: uppercase;
-		border-radius: 1em;
-		height: 3.5rem;
-	}
-}
-
 .wakeButton {
 	&.root {
 		font-size: 1em;

src/styles/NavLink.module.css

@@ -1,22 +0,0 @@
-.defaultNavLink {
-	&.root {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		border-radius: 4px;
-		color: var(--color-text-pri);
-		background-color: var(--color-background);
-		cursor: pointer;
-	}
-
-	&.root:hover {
-		border-radius: 4px;
-		color: var(--color-background);
-		background-color: var(--color-text-acc);
-	}
-
-	&.chevron {
-		width: 10px !important;
-		height: 10px !important;
-	}
-}

src/styles/Stack.module.css

@@ -47,46 +47,6 @@
 	}
 }
 
-.settingsContainer {
-	align-items: stretch;
-	display: grid;
-	grid-column-gap: 20px;
-	grid-row-gap: 1vh;
-	grid-template-columns: 25% 100%;
-	grid-template-rows: 8vh auto;
-	justify-items: stretch;
-	margin-left: auto;
-	margin-right: auto;
-	margin-top: 2vh;
-	margin-bottom: 0px;
-	width: 75%;
-	padding-top: .3em;
-}
-
-.settingsNav {
-	align-items: stretch;
-	display: grid !important;
-	grid-column-gap: 20px;
-	grid-row-gap: 1vh;
-	grid-template-columns: 1fr;
-	grid-template-rows: 1fr 14fr 1fr;
-	justify-items: center;
-	margin-left: 0em;
-	margin-right: 0em;
-	height: 95vh;
-	background-color: var(--color-search-background);
-	border-radius: 1em;
-}
-
-.navItem {
-	gap: 0;
-	line-height: 1.5rem;
-	margin: 0;
-	width: 100%;
-	text-align: center;
-	display: flex;
-}
-
 .menuStack {
 	width: 40%;
 	height: 150px;

src/styles/Text.module.css

@@ -87,6 +87,9 @@
 		font-size: 14px;
 		line-height: 2;
 		color: var(--color-text-pri);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 		&:hover {
 			text-decoration: underline;
 		}
@@ -110,28 +113,7 @@
 	}
 }
 
-.settingsLink {
-	&.root {
-		font-size: 1.25em;
-		display: block;
-		margin-left: 0;
-		margin-right: 0;
-		line-height: 2;
-		justify-self: center;
-		color: var(--color-text-pri);
-		border-radius: 1em;
-		&:hover {
-			background-color: var(--color-text-acc);
-		}
-	}
-}
-
 a {
 	color: var(--color-text-pri);
 	text-decoration: none;
 }
-
-a:hover #app-address {
-	text-decoration: underline;
-	text-decoration-color: var(--color-border);
-}

src/styles/index.ts

@@ -5,7 +5,6 @@ import cardClasses from './Card.module.css';
 import menuClasses from './Menu.module.css';
 import modalClasses from './Modal.module.css';
 import multiSelectClasses from './MultiSelect.module.css';
-import navLinkClasses from './NavLink.module.css';
 import popoverClasses from './Popover.module.css';
 import selectClasses from './Select.module.css';
 import stackClasses from './Stack.module.css';
@@ -21,7 +20,6 @@ export {
 	menuClasses,
 	modalClasses,
 	multiSelectClasses,
-	navLinkClasses,
 	popoverClasses,
 	selectClasses,
 	stackClasses,