feat: more css tweaks

Author: GabenGar

public/main.js

@@ -16877,7 +16877,7 @@ function toggleVoidMaps(updateOnly){
 		return;
 	}
 	elem.style.display = "block";
-	voidMapsHere.style.display = "block";
+	voidMapsHere.style.display = "flex";
 	mapsHere.style.display = "none";
 	mapsCreate.style.display = "none";
 	heirRare.style.display = "block";

src/entities/heirlooms/overview.module.scss

@@ -15,3 +15,10 @@
   padding: $size-little $size-small;
   cursor: pointer;
 }
+
+.heirlooms {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: 1em;
+  justify-content: center;
+}

src/entities/heirlooms/overview.tsx

@@ -1,7 +1,8 @@
 import clsx from "clsx";
-import styles from "./overview.module.scss";
 import { Button } from "#components/buttons";
 
+import styles from "./overview.module.scss";
+
 export function HeirloomsOverview() {
   return (
     <div id="heirloomWrapper" style={{ display: "none" }}>
@@ -195,7 +196,7 @@ export function HeirloomsOverview() {
             <div id="extraHeirloomsHere"></div>
             <div
               id="extraHeirloomsBtnGroup"
-              className="heirloomBtnGroup"
+              className={clsx("heirloomBtnGroup", styles.heirlooms)}
               style={{ visibility: "hidden" }}
             >
               <div

src/entities/main-screen/bottom-row/battle.module.scss

@@ -28,3 +28,10 @@
   justify-content: center;
   align-items: baseline;
 }
+
+.void_maps {
+  flex-flow: row wrap;
+  gap: $size-normal;
+  justify-content: flex-start;
+  align-items: stretch;
+}

src/entities/main-screen/bottom-row/battle.tsx

@@ -1,3 +1,5 @@
+import clsx from "clsx";
+
 import styles from "./battle.module.scss";
 
 export function Battle() {
@@ -385,7 +387,7 @@ export function Battle() {
 
           <div id="mapsHere" className="mapSize1 niceScroll"></div>
 
-          <div id="voidMapsHere" className="niceScroll"></div>
+          <div id="voidMapsHere" className={clsx("niceScroll", styles.void_maps)}></div>
         </div>
 
         <div

src/entities/main-screen/top-row/miscelaneous.module.scss

@@ -1,6 +1,7 @@
 @use "../../../styles/sass/variables.scss" as *;
 
 .block {
+  flex: 1 0 100%;
   display: flex;
   flex-flow: row wrap;
   gap: $size-normal;

src/entities/main-screen/top-row/resources.module.scss

@@ -1,5 +1,5 @@
 .block {
-  flex: 1 1 auto;
+  flex: 1 0 100%;
   display: flex;
   flex-flow: row wrap;
   gap: 1em;

src/styles/original/style.scss

@@ -964,9 +964,6 @@ body {
 .optionContainer {
   display: inline-block;
   vertical-align: top;
-  margin-left: 2vw;
-  margin-right: 2vw;
-  margin-bottom: 1vw;
   width: 15.5vw;
 }
 
@@ -975,32 +972,11 @@ body {
   width: 45%;
 }
 
-#talentsEssenceTotal {
-}
-
-.optionContainer.settingFit12 {
-  margin-left: 0.58vw;
-  margin-right: 0.58vw;
-}
-
-.optionItemDescription {
-  padding-left: 0.5vw;
-  padding-right: 0.5vw;
-}
 
 #settingTitleBar {
   text-align: center;
-  padding-top: 1.5vw;
-  margin-bottom: 1.5vw;
-}
-
-#settingsHere {
-  margin-bottom: 2vw;
 }
 
-#searchSettingsTitle {
-  margin: 0 3vw;
-}
 
 #searchSettings {
   color: black;
@@ -1012,12 +988,9 @@ body {
 }
 
 #settingsTabs {
-  margin-top: 0.75vw;
 }
 
 .settingTypeBtn {
-  margin-top: 0.4vw;
-  margin-bottom: 0.5vw;
   margin-right: 0;
 }
 
@@ -1031,14 +1004,6 @@ body {
   border-radius: 8px 8px 0 0 !important;
 }
 
-.buyTab {
-}
-
-#mapsHere,
-#voidMapsHere {
-  overflow-y: auto;
-  width: 100%;
-}
 
 #equipmentTitleDiv .lowPad,
 #buildingsTitleDiv .lowPad:nth-child(2) {
@@ -1777,7 +1742,7 @@ body {
 
 .heirloomBtnGroup {
   background-color: #333;
-  border-top: 0.1vw solid #555;
+  border-top: 0.125em solid #555;
 }
 
 .heirBtn.heirloomBtnActive:hover {
@@ -3865,27 +3830,10 @@ body {
   color: #ddddff;
 }
 
-.sizeSecReduced {
-  margin-top: 0.2em;
-}
-
-#resourceColumn .sizeSecReduced {
-  letter-spacing: -0.04em;
-  margin-left: -3%;
-}
-
-#miscColumn .sizeSecReduced {
-  letter-spacing: -0.05em;
-}
-
 .seventhColumn {
   width: 14.2857% !important;
 }
 
-#gemsPs .sizeSecReduced,
-#fragmentsPs .sizeSecReduced {
-}
-
 .planetBreakDescription {
   font-weight: bold;
 }
@@ -3931,11 +3879,6 @@ body {
   background-color: #666666;
 }
 
-#mapsBtn div:nth-child(2) span {
-}
-
-.voidBadge {
-}
 
 .successColor,
 .colorSuccess {