From cb4b7faaaacef7534512a6784c13959b9f82ca20 Mon Sep 17 00:00:00 2001
From: itdominator <1itdominator@gmail.com>
Date: Sun, 7 Apr 2024 00:37:11 -0500
Subject: [PATCH] Aligning various popup elements

---
 .../resources/css/newton/main.css             |  7 -----
 .../resources/css/newton/overrides.css        | 26 +++++++++++++++++++
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/user_config/usr/share/newton/context_path/resources/css/newton/main.css b/user_config/usr/share/newton/context_path/resources/css/newton/main.css
index f3a34af..f6b2454 100644
--- a/user_config/usr/share/newton/context_path/resources/css/newton/main.css
+++ b/user_config/usr/share/newton/context_path/resources/css/newton/main.css
@@ -26,13 +26,6 @@
     color: gray;
 }
 
-
-#ace_settingsmenu, #kbshortcutmenu, controls {
-    background-color: #00000000;
-    color: #ffffff;
-}
-
-
 #preview-editor {
     height: -webkit-fill-available;
     width: -webkit-fill-available;
diff --git a/user_config/usr/share/newton/context_path/resources/css/newton/overrides.css b/user_config/usr/share/newton/context_path/resources/css/newton/overrides.css
index 81e53b5..370135a 100644
--- a/user_config/usr/share/newton/context_path/resources/css/newton/overrides.css
+++ b/user_config/usr/share/newton/context_path/resources/css/newton/overrides.css
@@ -1,3 +1,4 @@
+/* TAGS */
 html, body {
     display: block;
     background-color: #32383e00;
@@ -23,6 +24,31 @@ input.form-control::placeholder {
     box-shadow: none !important;
 }
 
+
+/* IDs */
+#ace_settingsmenu, #kbshortcutmenu {
+    background-color: rgba(0, 0, 0, 0.0);
+    color: rgba(255, 255, 255, 1.0);
+    box-shadow: -5px 4px 5px rgba(249, 148, 6, 0.74);
+    padding: 1em 0.5em 2em 1em;
+    overflow: auto;
+    position: absolute;
+    margin: 0;
+    bottom: 0;
+    right: 0;
+    top: 0;
+    z-index: 9991;
+    cursor: default;
+}
+
+
+/* CLASSES */
+.popover-body {
+    border-color: rgba(249, 148, 6, 0.74) !important;
+    border-style: solid !important;
+    border-width: 1px !important;
+}
+
 .modal-header,
 .modal-footer {
     background-color: rgba(0, 0, 0, 0.64);