From d3561c5d71e4400f6782c186126b3c4d2ff3fa0b Mon Sep 17 00:00:00 2001
From: Thomas Fini Hansen <xen@xen.dk>
Date: Mon, 19 Apr 2021 10:05:43 +0200
Subject: [PATCH] Always wrap element in container element

---
 src/apps/order-material/order-material.jsx | 40 ++++++++++++++++------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/apps/order-material/order-material.jsx b/src/apps/order-material/order-material.jsx
index c79cff7c..42a6265b 100644
--- a/src/apps/order-material/order-material.jsx
+++ b/src/apps/order-material/order-material.jsx
@@ -33,27 +33,43 @@ function OrderMaterial({
       return null;
 
     case "checking":
-      return <Alert message={checkingText} type="polite" variant="info" />;
+      return (
+        <div className="ddb-order-material__container">
+          <Alert message={checkingText} type="polite" variant="info" />
+        </div>
+      );
 
     case "unavailable":
-      return <Alert message={unavailableText} type="polite" variant="info" />;
+      return (
+        <div className="ddb-order-material__container">
+          <Alert message={unavailableText} type="polite" variant="info" />
+        </div>
+      );
 
     case "invalid branch":
       return (
-        <Alert
-          message={invalidPickupBranchText}
-          type="polite"
-          variant="warning"
-        />
+        <div className="ddb-order-material__container">
+          <Alert
+            message={invalidPickupBranchText}
+            type="polite"
+            variant="warning"
+          />
+        </div>
       );
 
     case "processing":
-      return <Alert message={progressText} type="polite" variant="info" />;
+      return (
+        <div className="ddb-order-material__container">
+          <Alert message={progressText} type="polite" variant="info" />
+        </div>
+      );
 
     case "finished":
       return (
         <>
-          <Alert message={successText} type="polite" variant="success" />
+          <div className="ddb-order-material__container">
+            <Alert message={successText} type="polite" variant="success" />
+          </div>
           <Dialog
             label="Tilføj søgning til liste"
             showCloseButton
@@ -67,7 +83,11 @@ function OrderMaterial({
       );
 
     case "failed":
-      return <Alert message={errorText} type="polite" variant="warning" />;
+      return (
+        <div className="ddb-order-material__container">
+          <Alert message={errorText} type="polite" variant="warning" />
+        </div>
+      );
 
     default:
       return (