From 27c67ca8c3eff14b5c0e272b59a27a5566a74793 Mon Sep 17 00:00:00 2001
From: malmen237 <linda.malm@eyevinn.se>
Date: Tue, 23 Apr 2024 15:07:27 +0200
Subject: [PATCH 1/2] fix: added min-width to warning-message

---
 src/components/landing-page/join-production.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
index 32cd4364..d2e7e3e8 100644
--- a/src/components/landing-page/join-production.tsx
+++ b/src/components/landing-page/join-production.tsx
@@ -211,7 +211,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                 ))}
               </FormSelect>
             ) : (
-              <StyledWarningMessage>
+              <StyledWarningMessage className="with-loader">
                 Controlled by operating system
               </StyledWarningMessage>
             )}

From 7eabc03a2e27d709b8e4116462240497df1a3b5c Mon Sep 17 00:00:00 2001
From: malmen237 <linda.malm@eyevinn.se>
Date: Wed, 24 Apr 2024 09:27:54 +0200
Subject: [PATCH 2/2] fix: updated class-name on warning-message

---
 src/components/landing-page/form-elements.tsx            | 2 +-
 src/components/landing-page/join-production.tsx          | 4 ++--
 src/components/manage-productions/manage-productions.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/landing-page/form-elements.tsx b/src/components/landing-page/form-elements.tsx
index bcbb61c6..b7c5256f 100644
--- a/src/components/landing-page/form-elements.tsx
+++ b/src/components/landing-page/form-elements.tsx
@@ -50,7 +50,7 @@ export const StyledWarningMessage = styled.div`
   display: flex;
   align-items: center;
 
-  &.with-loader {
+  &.with-min-width {
     min-width: 27rem;
   }
 `;
diff --git a/src/components/landing-page/join-production.tsx b/src/components/landing-page/join-production.tsx
index d2e7e3e8..aacea224 100644
--- a/src/components/landing-page/join-production.tsx
+++ b/src/components/landing-page/join-production.tsx
@@ -211,7 +211,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                 ))}
               </FormSelect>
             ) : (
-              <StyledWarningMessage className="with-loader">
+              <StyledWarningMessage className="with-min-width">
                 Controlled by operating system
               </StyledWarningMessage>
             )}
@@ -238,7 +238,7 @@ export const JoinProduction = ({ preSelected }: TProps) => {
                   ))}
               </FormSelect>
               {!production && (
-                <StyledWarningMessage className="with-loader">
+                <StyledWarningMessage className="with-min-width">
                   Please enter a production id
                   {loading && <LoaderDots className="in-active" text="" />}
                 </StyledWarningMessage>
diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
index f0a704bc..45dfcb29 100644
--- a/src/components/manage-productions/manage-productions.tsx
+++ b/src/components/manage-productions/manage-productions.tsx
@@ -200,7 +200,7 @@ export const ManageProductions = () => {
           )}
         </>
       ) : (
-        <StyledWarningMessage className="with-loader">
+        <StyledWarningMessage className="with-min-width">
           Please enter a production id
           {fetchLoader && <LoaderDots className="in-active" text="" />}
         </StyledWarningMessage>