Fix small screens

2021-07-07 19:54:45 +10:00
parent e30f870e92
commit 6ed315a7ae
5 changed files with 17 additions and 15 deletions
--- a/app/web/src/components/IdeWrapper/IdeWrapper.tsx
+++ b/app/web/src/components/IdeWrapper/IdeWrapper.tsx
@@ -23,8 +23,8 @@ const IdeToolbarNew = ({ cadPackage }) => {
          <IdeHeader handleRender={handleRender} />
        </nav>
        {shouldShowConstructionMessage && (
-          <div className="py-2 bg-pink-200 flex">
-            <div className="flex-grow text-center">
+          <div className="py-1 md:py-2 bg-pink-200 flex">
+            <div className="flex-grow text-center text-xs md:text-base">
              We're still working on this. Since you're here, have a look what{' '}
              <OutBound
                className="text-pink-700"