sections!

templates/edit_size.html

@@ -18,7 +18,8 @@
         </div>
         <div>
             <label for="icon" class="block text-sm font-medium text-gray-700">Icon (SVG)</label>
-            <input type="file" name="icon" id="icon" accept=".svg" class="mt-1 block w-full text-sm text-gray-700">
+            <input type="file" name="icon" id="icon" accept=".svg"
+                class="mt-1 block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-[#6b8f71] file:text-white hover:file:bg-[#5a7b5f]">
             {% if size.icon %}
             <div class="mt-2">
                 <span class="text-xs text-gray-500">Current icon:</span>
@@ -26,7 +27,10 @@
             </div>
             {% endif %}
         </div>
-        <button type="submit" class="btn-main w-full">Save Changes</button>
+        <button type="submit"
+            class="w-full bg-blue-500 text-white py-2 px-4 rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2">
+            Save Changes
+        </button>
     </form>
 </div>
 {% endblock %}