From 44c2a87aa2377f84c6b46ab1b37a27317157927b Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Thu, 29 May 2025 23:51:12 +0200
Subject: [PATCH] styling fullscreen and combobox fix

---
 src/Components/Input/ComboBoxInput.tsx |  2 +-
 src/assets/css/easymde.css             | 33 ++++++++++++++++++++++++--
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/Components/Input/ComboBoxInput.tsx b/src/Components/Input/ComboBoxInput.tsx
index b60d7324..2cfacc7f 100644
--- a/src/Components/Input/ComboBoxInput.tsx
+++ b/src/Components/Input/ComboBoxInput.tsx
@@ -13,7 +13,7 @@ const ComboBoxInput = ({ id, options, value, onValueChange }: ComboBoxProps) =>
   return (
     <select
       id={id}
-      className='tw:form-select tw:block tw:w-full tw:py-2 tw:px-4 tw:border tw:border-gray-300 rounded-md tw:shadow-sm tw:text-sm tw:focus:outline-hidden tw:focus:ring-indigo-500 tw:focus:border-indigo-500 tw:sm:text-sm'
+      className='tw:select'
       onChange={handleChange}
       value={value} // ← hier controlled statt defaultValue
     >
diff --git a/src/assets/css/easymde.css b/src/assets/css/easymde.css
index 127a7f3b..db69417a 100644
--- a/src/assets/css/easymde.css
+++ b/src/assets/css/easymde.css
@@ -81,11 +81,40 @@
     padding-bottom: 3px;
   }
 
-  .EasyMDEContainer .fullscreen {
-    border-radius: 0;
+  .EasyMDEContainer .editor-toolbar.fullscreen{
+    margin: 16px;
+    width: calc(100% - 32px);
+    border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
+    border-start-start-radius: var(--radius-field) !important;
+    border-start-end-radius: var(--radius-field) !important;
+    border-width: var(--border) !important;
+  }
+
+  .EasyMDEContainer .CodeMirror.CodeMirror-fullscreen.CodeMirror-wrap {
+    margin: 16px;
+    width: calc(100% - 32px);
+    border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
+    border-end-start-radius: var(--radius-field) !important;
+    border-end-end-radius: var(--radius-field) !important;
+    border-width: var(--border) !important;
+    border-top-width: 0 !important;
+    border-right-width: var(--border) !important;
+    border-top: var(--border) !important;
   }
 
   .CodeMirror-cursor {
     border-color: var(--color-base-content) !important;
   }
+
+  .editor-preview-full{
+    background-color: var(--color-base-100) !important;
+  }
+
+  .editor-preview-side{
+    margin: 16px;
+    width: calc(50% - 16px);
+    border-color: color-mix(in oklab, var(--color-base-content) 20%, #0000)!important;
+    border-end-end-radius: var(--radius-field) !important;
+    border-width: var(--border) !important;
+  }
 }
\ No newline at end of file