(style) O3-3579 : Changing the styles for help menu and devtools (#1079)

* Styling the devtools and help menu * move devtools styles in rem
openmrs · Jul 12, 2024 · 07d0532 · 07d0532
1 parent c8dd4f6
commit 07d0532
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/packages/apps/esm-devtools-app/src/devtools/devtools.styles.css b/packages/apps/esm-devtools-app/src/devtools/devtools.styles.css
@@ -1,12 +1,12 @@
 .devtoolsTriggerButton {
   z-index: 7900;
   background-color: #c6c6c6;
-  height: 40px !important;
-  width: 40px !important;
-  bottom: 10px;
-  right: 8px;
+  height: 2.5rem !important;
+  width: 2.5rem !important;
+  bottom: 5rem;
+  right: 0.25rem;
   position: fixed;
-  border-radius: 5px;
+  border-radius: 0.25rem;
   display: flex;
   justify-content: center;
   align-items: center;

diff --git a/packages/apps/esm-help-menu-app/src/help-menu/help-popup.styles.scss b/packages/apps/esm-help-menu-app/src/help-menu/help-popup.styles.scss
@@ -5,7 +5,7 @@
 .popup {
   position: fixed;
   flex: auto;
-  bottom: 5rem;
+  bottom: 2rem;
   right: 3rem;
   width: 11rem;
   z-index: 8000;

diff --git a/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss b/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss
@@ -3,12 +3,12 @@
   background-color: white;
   height: 2.5rem !important;
   width: 2.5rem !important;
-  bottom: 5rem;
+  bottom: 1rem;
   position: fixed;
   display: flex;
   justify-content: center;
   align-items: center;
-  right: 0.5rem;
+  right: 0.25rem;
   border: none;
   box-shadow:
     0 1px 3px rgba(0, 0, 0, 0.1),