From ca8768a75b3b9f09331a465ef3bedd7b5e342d0f Mon Sep 17 00:00:00 2001
From: Max Wolfs <mail@maxwolfs.com>
Date: Tue, 14 May 2024 14:45:27 +0200
Subject: [PATCH] Fix mobile view of architectual overview (#198)

* fix mobile view

Signed-off-by: Max Wolfs <mail@maxwolfs.com>

* fix dir name for osism docs

Signed-off-by: Max Wolfs <mail@maxwolfs.com>

---------

Signed-off-by: Max Wolfs <mail@maxwolfs.com>
---
 docs.package.json                     | 2 +-
 src/components/ArchitecturalModel.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs.package.json b/docs.package.json
index 18957b6a92..9abfd0a90f 100644
--- a/docs.package.json
+++ b/docs.package.json
@@ -7,7 +7,7 @@
   },
   {
     "repo": "osism/osism.github.io",
-    "source": "docs/guides/operations-guide/openstack/day2-operations/*",
+    "source": "docs/guides/operations-guide/openstack/tools/*",
     "target": "docs/02-iaas/components",
     "label": ""
   },
diff --git a/src/components/ArchitecturalModel.tsx b/src/components/ArchitecturalModel.tsx
index 475b5b3d50..5783a3061a 100644
--- a/src/components/ArchitecturalModel.tsx
+++ b/src/components/ArchitecturalModel.tsx
@@ -47,7 +47,7 @@ const ArchitecturalModel: React.FunctionComponent<ArchitecturalModelProps> = (
           <h5 style={{ marginBottom: 0 }}>SCS Component Map</h5>
         </div>
       )}
-      <div style={{ display: 'flex' }}>
+      <div style={{ display: 'flex', flexWrap: 'wrap' }}>
         <div
           style={{ padding: '8px 8px 8px 8px', margin: '0 0 0 0' }}
           className={`${styles.bottom} col col--3`}>