Better form themes (#465)

* Working on custom radius + input size

* Fix date input clear vertical align

* Moslty finished implementing small size

* Polishing larger theme

* Finish large theme

* Added size/radius options in form editor

* Darken help text, improve switch input help location

* Slight form editor improvement

* Fix styling

* Polish of the form editor

database/factories/FormFactory.php

@@ -60,6 +60,8 @@ class FormFactory extends Factory
             'description' => $this->faker->randomHtml(1),
             'visibility' => 'public',
             'theme' => $this->faker->randomElement(Form::THEMES),
+            'size' => $this->faker->randomElement(Form::SIZES),
+            'border_radius' => $this->faker->randomElement(Form::BORDER_RADIUS),
             'width' => $this->faker->randomElement(Form::WIDTHS),
             'dark_mode' => $this->faker->randomElement(Form::DARK_MODE_VALUES),
             'color' => '#3B82F6',

database/migrations/2024_06_26_092038_add_border_radius_and_size_to_forms_table.php

@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class () extends Migration {
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('forms', function (Blueprint $table) {
+            $table->string('size')->default('md');
+            $table->string('border_radius')->default('small');
+        });
+
+        // Then for each form with "Simple" theme on, disable border radius
+        \App\Models\Forms\Form::whereTheme('simple')->update(['border_radius' => 'none']);
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('forms', function (Blueprint $table) {
+            $table->dropColumn(['size', 'border_radius']);
+        });
+    }
+};