From 35b58a42b53439549600520a5d7944db93a1dd08 Mon Sep 17 00:00:00 2001
From: connorhaugh <49422820+connorhaugh@users.noreply.github.com>
Date: Thu, 1 Dec 2022 12:20:29 -0500
Subject: [PATCH] feat: left align widget "add" buttons (#153)

---
 .../HandoutWidget/__snapshots__/index.test.jsx.snap  |  2 +-
 .../components/HandoutWidget/index.jsx               |  2 +-
 .../LicenseWidget/__snapshots__/index.test.jsx.snap  |  2 +-
 .../components/LicenseWidget/index.jsx               |  2 +-
 .../__snapshots__/index.test.jsx.snap                |  4 ++--
 .../components/ThumbnailWidget/index.jsx             |  2 +-
 .../__snapshots__/index.test.jsx.snap                | 12 ++++++------
 .../components/TranscriptWidget/index.jsx            |  2 +-
 .../__snapshots__/index.test.jsx.snap                |  2 +-
 .../components/VideoSourceWidget/index.jsx           |  2 +-
 10 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/__snapshots__/index.test.jsx.snap
index 26d766118..e72c9ee02 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/__snapshots__/index.test.jsx.snap
@@ -47,7 +47,7 @@ exports[`HandoutWidget snapshots snapshots: renders as expected with default pro
       id="authoring.videoeditor.handout.upload.addHandoutMessage"
     />
     <Button
-      className="text-primary-500 font-weight-bold"
+      className="text-primary-500 font-weight-bold justify-content-start pl-0"
       onClick={[Function]}
       size="sm"
       variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx
index d46935b52..d516fbcea 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/HandoutWidget/index.jsx
@@ -96,7 +96,7 @@ export const HandoutWidget = ({
         <Stack gap={3}>
           <FormattedMessage {...messages.addHandoutMessage} />
           <Button
-            className="text-primary-500 font-weight-bold"
+            className="text-primary-500 font-weight-bold justify-content-start pl-0"
             size="sm"
             iconBefore={FileUpload}
             onClick={fileInput.click}
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/__snapshots__/index.test.jsx.snap
index c458c50ae..361914e0d 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/__snapshots__/index.test.jsx.snap
@@ -47,7 +47,7 @@ exports[`LicenseWidget snapshots snapshots: renders as expected with default pro
       className="border-primary-100 border-bottom"
     />
     <Button
-      className="text-primary-500 font-weight-bold"
+      className="text-primary-500 font-weight-bold justify-content-start pl-0"
       onClick={[Function]}
       size="sm"
       variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx
index 9aefa07c7..cc865a96b 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/LicenseWidget/index.jsx
@@ -71,7 +71,7 @@ export const LicenseWidget = ({
           <>
             <div className="border-primary-100 border-bottom" />
             <Button
-              className="text-primary-500 font-weight-bold"
+              className="text-primary-500 font-weight-bold justify-content-start pl-0"
               size="sm"
               iconBefore={Add}
               variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/__snapshots__/index.test.jsx.snap
index 1fce5d34f..e4d107279 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/__snapshots__/index.test.jsx.snap
@@ -132,7 +132,7 @@ exports[`ThumbnailWidget snapshots snapshots: renders as expected where videoTyp
       }
     />
     <Button
-      className="text-primary-500 font-weight-bold"
+      className="text-primary-500 font-weight-bold justify-content-start pl-0"
       disabled={false}
       onClick={[Function]}
       size="sm"
@@ -242,7 +242,7 @@ exports[`ThumbnailWidget snapshots snapshots: renders as expected with default p
       }
     />
     <Button
-      className="text-primary-500 font-weight-bold"
+      className="text-primary-500 font-weight-bold justify-content-start pl-0"
       disabled={true}
       onClick={[Function]}
       size="sm"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/index.jsx
index 4e6effab7..7afccbec3 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/ThumbnailWidget/index.jsx
@@ -107,7 +107,7 @@ export const ThumbnailWidget = ({
           </div>
           <FileInput fileInput={fileInput} acceptedFiles={Object.values(acceptedImgKeys).join()} />
           <Button
-            className="text-primary-500 font-weight-bold"
+            className="text-primary-500 font-weight-bold justify-content-start pl-0"
             size="sm"
             iconBefore={FileUpload}
             onClick={fileInput.click}
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/__snapshots__/index.test.jsx.snap
index f48a36ba9..110a923ea 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/__snapshots__/index.test.jsx.snap
@@ -103,7 +103,7 @@ exports[`TranscriptWidget component snapshots snapshot: renders ErrorAlert with
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
@@ -226,7 +226,7 @@ exports[`TranscriptWidget component snapshots snapshot: renders ErrorAlert with
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
@@ -345,7 +345,7 @@ exports[`TranscriptWidget component snapshots snapshots: renders as expected wit
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
@@ -411,7 +411,7 @@ exports[`TranscriptWidget component snapshots snapshots: renders as expected wit
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
@@ -530,7 +530,7 @@ exports[`TranscriptWidget component snapshots snapshots: renders as expected wit
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
@@ -649,7 +649,7 @@ exports[`TranscriptWidget component snapshots snapshots: renders as expected wit
       gap={3}
     >
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold justify-content-start pl-0"
         onClick={[Function]}
         size="sm"
         variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx
index 1355436bc..730307b4a 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/TranscriptWidget/index.jsx
@@ -161,7 +161,7 @@ export const TranscriptWidget = ({
 
         <Stack gap={3} className="border-primary-100 border-top">
           <Button
-            className="text-primary-500 font-weight-bold"
+            className="text-primary-500 font-weight-bold justify-content-start pl-0"
             size="sm"
             iconBefore={Add}
             variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
index ff34afb01..f7e70b133 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/__snapshots__/index.test.jsx.snap
@@ -97,7 +97,7 @@ exports[`VideoSourceWidget snapshots snapshots: renders as expected with default
     </ActionRow>
   </Form.Group>
   <Button
-    className="text-primary-500 font-weight-bold"
+    className="text-primary-500 font-weight-bold pl-0"
     onClick={[Function]}
     size="sm"
     variant="link"
diff --git a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
index e4d8e5293..df8f44af0 100644
--- a/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
+++ b/src/editors/containers/VideoEditor/components/VideoSettingsModal/components/VideoSourceWidget/index.jsx
@@ -113,7 +113,7 @@ export const VideoSourceWidget = ({
         </ActionRow>
       </Form.Group>
       <Button
-        className="text-primary-500 font-weight-bold"
+        className="text-primary-500 font-weight-bold pl-0"
         size="sm"
         iconBefore={Add}
         variant="link"