css tweaks + code splitting

3 files changed, 13 insertions, 7 deletions

diff --git a/styles/editor.css b/styles/editor.css
index cb9bc35..30a48be 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -60,7 +60,7 @@
 	top: 32px;
 	overflow-y: scroll;
 	overflow-x: hidden;
-	border-radius: 4px;
+	border-radius: 6px;
 	margin-right: -16px;
 }
 .settings .inner button {
@@ -87,7 +87,7 @@
 .MuiSlider-thumb.MuiSlider-active { box-shadow: 0px 0px 0px 14px var(--selection-hover-color) !important; }
 
 .MuiFormControl-root {
-	border-radius: 4px;
+	border-radius: 6px;
 	overflow: hidden;
 }
 .MuiSelect-icon,
@@ -529,3 +529,9 @@ header .projarea span {
 	margin: -2px -4px;
 	border-radius: 6px;
 }
+
+.MuiSelect-root, .MuiInputBase-root { border-radius: 6px !important; }
+.MuiInputBase-root { background-color: var(--c600) !important; }
+.MuiSelect-root { background-color: var(--c200) !important; }
+.MuiFormLabel-root { font-weight: 500 !important; }
+
diff --git a/styles/globals.css b/styles/globals.css
index cc44d7b..dd3734e 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -55,3 +55,7 @@ h1, h2, h3 {
 .MuiInputLabel-root.MuiInputLabel-shrink {
 	width: calc(100% - 0px);
 }
+
+.MuiButton-root {
+	border-radius: 6px !important;
+}
diff --git a/styles/keybindselector.css b/styles/keybindselector.css
index a923df9..1128fa7 100644
--- a/styles/keybindselector.css
+++ b/styles/keybindselector.css
@@ -5,13 +5,9 @@
 
 .keybind-selector > * { cursor: pointer !important; } 
 
-.keybind-selector .MuiInputBase-root {
-	background-color: var(--c600) !important;
-}
-
 .keybind-selector-inner .keybind {
 	padding: 2px 4px 1px;
-	margin-right: 3px;
+	margin-right: 4px;
 	margin-bottom: 3px;
 	border-radius: 4px;
 	user-select: none;