From 0111ca205073bad5854b4eb0692914bde7a692ba Mon Sep 17 00:00:00 2001
From: Aakansha Doshi <aakansha1216@gmail.com>
Date: Tue, 6 Dec 2022 16:42:54 +0530
Subject: [PATCH] fix: renderFooter styling (#5962)

---
 src/components/LayerUI.scss              |  4 ++++
 src/excalidraw-app/index.scss            |  5 ++---
 src/packages/excalidraw/example/App.scss | 14 ++++++++++----
 src/packages/excalidraw/example/App.tsx  |  5 ++++-
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/components/LayerUI.scss b/src/components/LayerUI.scss
index c1d3eb89..a8567654 100644
--- a/src/components/LayerUI.scss
+++ b/src/components/LayerUI.scss
@@ -85,6 +85,10 @@
       & > * {
         pointer-events: all;
       }
+
+      display: flex;
+      width: 100%;
+      justify-content: flex-start;
     }
     .layer-ui__wrapper__footer-left,
     .layer-ui__wrapper__footer-right,
diff --git a/src/excalidraw-app/index.scss b/src/excalidraw-app/index.scss
index 1ea39c1b..6b7874df 100644
--- a/src/excalidraw-app/index.scss
+++ b/src/excalidraw-app/index.scss
@@ -4,9 +4,8 @@
   &.theme--dark {
     --color-primary-contrast-offset: #726dff; // to offset Chubb illusion
   }
-  .layer-ui__wrapper__footer-center {
-    display: flex;
-    justify-content: space-between;
+  .layer-ui__wrapper .layer-ui__wrapper__footer-center {
+    justify-content: flex-end;
     margin-top: auto;
     margin-bottom: auto;
     margin-inline-start: auto;
diff --git a/src/packages/excalidraw/example/App.scss b/src/packages/excalidraw/example/App.scss
index 6115eef8..f0aad906 100644
--- a/src/packages/excalidraw/example/App.scss
+++ b/src/packages/excalidraw/example/App.scss
@@ -66,10 +66,16 @@
   button.custom-element {
     width: 2rem;
     height: 2rem;
-    margin: 0.4rem;
-    margin-left: -10px;
+    margin: 0 8px;
   }
-  .layer-ui__wrapper__footer-center {
-    display: flex;
+
+  .custom-footer,
+  .custom-element {
+    padding: 0.1rem;
+  }
+
+  &.excalidraw-container .layer-ui__wrapper .layer-ui__wrapper__footer-center {
+    // Remove once we stop importing langauge list from excalidraw app
+    justify-content: flex-start;
   }
 }
diff --git a/src/packages/excalidraw/example/App.tsx b/src/packages/excalidraw/example/App.tsx
index ee555f37..2a0ed1b3 100644
--- a/src/packages/excalidraw/example/App.tsx
+++ b/src/packages/excalidraw/example/App.tsx
@@ -192,7 +192,10 @@ export default function App() {
         >
           {COMMENT_SVG}
         </button>
-        <button onClick={() => alert("This is dummy footer")}>
+        <button
+          className="custom-footer"
+          onClick={() => alert("This is dummy footer")}
+        >
           {" "}
           custom footer{" "}
         </button>