From 492c228c487a45206cedeeb08f53c9067cbed4b3 Mon Sep 17 00:00:00 2001
From: Wirlaburla <wirlaburla@worlio.com>
Date: Sun, 30 Jul 2023 17:36:59 -0500
Subject: [PATCH] correct nav slideout sizings

---
 style.css | 63 ++++++++++++++++++++++++++++++-------------------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/style.css b/style.css
index 0a974a0..2e13f8f 100644
--- a/style.css
+++ b/style.css
@@ -27,7 +27,7 @@ nav
 .no-scroll::-webkit-scrollbar,
 nav::-webkit-scrollbar,
 nav.top::-webkit-scrollbar {
-  display: none;
+	display: none;
 }
 
 div.grower { flex-grow: 1; }
@@ -315,6 +315,7 @@ nav.top div.slideout .dropdown .clicker {
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
+	height: 34px;
 }
 
 /*nav.top div.slideout.account .upane {
@@ -361,6 +362,10 @@ nav.top div.slideout.active .dropdown .right {
 	opacity: 1;
 }
 
+nav.top div.slideout .dropdown .right.text {
+	margin: 8px;
+}
+
 nav.top div.slideout.alerts .dropdown .alerts,
 nav.top div.slideout.mail .dropdown .mail {
 	text-align: left;
@@ -716,33 +721,33 @@ nav.top.alert p {
 }
 
 .header div.buttontab {
-  background: var(--default-button-background);
-  border: var(--default-button-border);
-  margin: -12px 4px 8px 4px;
-  padding: 8px 4px 2px 4px;
-  font-size: 12px;
+	background: var(--default-button-background);
+	border: var(--default-button-border);
+	margin: -12px 4px 8px 4px;
+	padding: 8px 4px 2px 4px;
+	font-size: 12px;
 }
 
 .header div.buttontab a {
-  color: var(--main-text);
-  display: inline-block;
-  text-decoration: none;
-  font-family: var(--primary-font);
-  height: 100%;
+	color: var(--main-text);
+	display: inline-block;
+	text-decoration: none;
+	font-family: var(--primary-font);
+	height: 100%;
 }
 
 .header div.buttontab a img {
-  vertical-align: middle;
+	vertical-align: middle;
 }
 
 .header div.buttontab:hover {
-  background: var(--hover-button-background);
-  border: var(--hover-button-border);
+	background: var(--hover-button-background);
+	border: var(--hover-button-border);
 }
 
 .header div.buttontab:active {
-  background: var(--active-button-background);
-  border: var(--active-button-border);
+	background: var(--active-button-background);
+	border: var(--active-button-border);
 }
 
 @media only screen and (orientation: landscape) {
@@ -973,7 +978,7 @@ body.dashboard .profile-tag {
 }
 
 body.dashboard .profile-tag img {
-  	padding: 4px;
+	padding: 4px;
 }
 
 body.dashboard .section {
@@ -1009,7 +1014,7 @@ body.dashboard .profile-text {
 }
 
 body.dashboard .profile-role {
-  	font-size: 0.8em;
+	font-size: 0.8em;
 }
 
 body.dashboard .dash-container .sidebar .userlink.online a {
@@ -1088,7 +1093,7 @@ body.forum table.board-display td {
 body.forum.index .page-container > table.board-display tr.title-row {
 	-webkit-user-select: none;
 	-moz-user-select: none;
-	-ms-user-select: none;	  
+	-ms-user-select: none;
 	user-select: none;
 	cursor: pointer;
 }
@@ -1555,10 +1560,10 @@ div.emotebox .emote-container:hover {
 }
 
 .rating .star-container .stars {
-  background: url('//assets.worlio.com/style/icons/ratings/star');
-  height: 100%;
-  background-size: auto 100%;
-  max-width: 100%;
+	background: url('//assets.worlio.com/style/icons/ratings/star');
+	height: 100%;
+	background-size: auto 100%;
+	max-width: 100%;
 }
 .rating .star-container {
 	background-image: url('//assets.worlio.com/style/icons/ratings/unstar');
@@ -1568,24 +1573,24 @@ div.emotebox .emote-container:hover {
 }
 
 .rating.large {
-  height: 48px;
-  display: inline-block;
+	height: 48px;
+	display: inline-block;
 }
 .rating.large .star-container {
 	width: 240px;
 }
 
 .rating.medium {
-  height: 24px;
-  display: inline-block;
+	height: 24px;
+	display: inline-block;
 }
 .rating.medium .star-container {
 	width: 120px;
 }
 
 .rating.small {
-  height: 12px;
-  display: inline-block;
+	height: 12px;
+	display: inline-block;
 }
 .rating.small .star-container {
 	width: 60px;