chore: remove flex-spacer from welcome tab

camunda · Oct 21, 2024 · 17812b1 · 17812b1
1 parent 66cb85e
commit 17812b1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/client/src/app/EmptyTab.js b/client/src/app/EmptyTab.js
@@ -136,8 +136,8 @@ export default class EmptyTab extends PureComponent {
       <Tab className={ css.EmptyTab }>
         {!Flags.get(DISABLE_ZEEBE) && !Flags.get(DISABLE_PLATFORM) && <h2 className="welcome-header">Choose the right version for your project:</h2>}
         <div className="welcome-cards">
-          {!Flags.get(DISABLE_ZEEBE) && <>{this.renderCloudColumn()}<div className="flex-spacer" /></>}
-          {!Flags.get(DISABLE_PLATFORM) && <>{this.renderPlatformColumn()}<div className="flex-spacer" /></>}
+          {!Flags.get(DISABLE_ZEEBE) && <>{this.renderCloudColumn()}</>}
+          {!Flags.get(DISABLE_PLATFORM) && <>{this.renderPlatformColumn()}</>}
           {this.renderLearnMoreColumn()}
         </div>
       </Tab>

diff --git a/client/src/app/EmptyTab.less b/client/src/app/EmptyTab.less
@@ -13,12 +13,6 @@
   bottom: 0;
   left: 0;
 
-  .flex-spacer {
-    min-width: 5px;
-    max-width: 40px;
-    width: 1%;
-  }
-
   h2.welcome-header {
     font-size: 18px;
     font-weight: 400;
@@ -43,6 +37,7 @@
     justify-content: center;
     display: flex;
     flex-direction: row;
+    gap: clamp(5px, 1%, 40px);
   }
 
   .welcome-card {
@@ -113,7 +108,7 @@
         }
       }
     }
-  
+
     button {
       margin: 0 auto 1em auto;
       background-color: var(--color-blue-205-100-50);