From 08f54b19d836161828ce3c2cd173eedd5d609717 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Sat, 19 Jun 2021 22:04:06 +0200
Subject: better osc selection :tada:

---
 pages/editor.tsx  | 46 ++++++++++++++++++++++++++--------------------
 styles/editor.css |  3 +++
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/pages/editor.tsx b/pages/editor.tsx
index 6273dc6..ff85c87 100644
--- a/pages/editor.tsx
+++ b/pages/editor.tsx
@@ -649,34 +649,40 @@ function DefaultSettings() {
 					>
 						<MenuItem value='FullScreen'>
 							<div className='posrel os-controls-type fullscreen'>
-								<div className='sidebyside'>
-									<div className='posrel icon'>
-										<div className='posabs abscenterv'>
-											<FullScreenControlsRoundedIcon />
+								<span className='label'>Full screen</span>
+								<div className='inner'>
+									<div className='sidebyside'>
+										<div className='posrel icon'>
+											<div className='posabs abscenterv'>
+												<FullScreenControlsRoundedIcon />
+											</div>
+										</div>
+										<div className='description'>
+											<span className='title'>Full screen</span>
+											<span className='body'>
+												Full screen columns to click through slides. Press center to show menu
+											</span>
 										</div>
-									</div>
-									<div className='description'>
-										<span className='title'>Full screen</span>
-										<span className='body'>
-											Full screen columns to click through slides. Press center to show menu
-										</span>
 									</div>
 								</div>
 							</div>
 						</MenuItem>
 						<MenuItem value='MenuBar'>
 							<div className='posrel os-controls-type menubar'>
-								<div className='sidebyside'>
-									<div className='posrel icon'>
-										<div className='posabs abscenterv'>
-											<MenuBarControlsRoundedIcon />
+								<span className='label'>Menu Bar</span>
+								<div className='inner'>
+									<div className='sidebyside'>
+										<div className='posrel icon'>
+											<div className='posabs abscenterv'>
+												<MenuBarControlsRoundedIcon />
+											</div>
+										</div>
+										<div className='description'>
+											<span className='title'>Menu bar</span>
+											<span className='body'>
+												Floating controls that snap to the screen edge
+											</span>
 										</div>
-									</div>
-									<div className='description'>
-										<span className='title'>Menu bar</span>
-										<span className='body'>
-											Floating controls that snap to the screen edge
-										</span>
 									</div>
 								</div>
 							</div>
diff --git a/styles/editor.css b/styles/editor.css
index 23c132e..0003fc8 100644
--- a/styles/editor.css
+++ b/styles/editor.css
@@ -118,6 +118,9 @@
 	padding-right: 4px;
 }
 
+.MuiList-root .os-controls-type .label { display: none; }
+.MuiSelect-root .os-controls-type :not(.label) { display: none; }
+
 .settings ::-webkit-scrollbar-track,
 .settings ::-webkit-scrollbar-track-piece,
 .settings ::-webkit-scrollbar {
-- 
cgit v1.2.3