Align controls to 36/10 and make create modals full-screen on mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/src/views/CustomFieldsSettingsView.vue

@@ -282,11 +282,13 @@ h1 {
 select,
 input[type='text'] {
   border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  padding: 0.8rem 0.95rem;
+  border-radius: var(--radius);
+  min-height: var(--control-h);
+  padding: 0 0.95rem;
   background: #fff;
   font: inherit;
   width: 100%;
+  box-sizing: border-box;
 }
 
 .check-field {
@@ -316,9 +318,9 @@ input[type='text'] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-height: 42px;
-  padding: 0.55rem 1rem;
-  border-radius: 12px;
+  min-height: var(--control-h);
+  padding: 0 0.95rem;
+  border-radius: var(--radius);
   font-weight: 700;
   border: 1px solid transparent;
   cursor: pointer;