chore: rebrand project to crank

apps/ui/src/styles.css

@@ -318,9 +318,15 @@ button {
 .main-content {
   width: 100%;
   max-width: 1480px;
-  padding: 28px;
   margin: 0 auto;
   flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.main-content-inner {
+  flex: 1;
+  padding: 28px;
 }
 
 .page-header {
@@ -872,9 +878,6 @@ button {
   align-items: center;
   justify-content: space-between;
   gap: 16px;
-  width: calc(100% + 56px);
-  margin-left: -28px;
-  margin-right: -28px;
   padding: 12px 28px;
   border-radius: 0;
   background: rgba(255, 255, 255, 0.9);
@@ -1126,10 +1129,14 @@ pre {
     padding: 0 20px;
   }
 
-  .main-content {
+  .main-content-inner {
     padding: 20px;
   }
 
+  .sticky-action-bar {
+    padding-inline: 20px;
+  }
+
   .builder-content {
     max-width: none;
   }
@@ -1154,18 +1161,18 @@ pre {
     grid-template-columns: 1fr;
   }
 
+  .main-content-inner {
+    padding: 16px;
+  }
+
+  .sticky-action-bar {
+    padding-inline: 16px;
+  }
+
   .builder-card-header,
   .builder-card-body,
   .page-section {
     padding-left: 16px;
     padding-right: 16px;
   }
-
-  .sticky-action-bar {
-    width: calc(100% + 32px);
-    margin-left: -16px;
-    margin-right: -16px;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
 }