sections!

templates/edit_climate.html

@@ -18,15 +18,13 @@
         </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 climate.icon %}
             <img src="{{ url_for('static', filename='icons/' ~ climate.icon) }}" alt="Icon" class="w-8 h-8 mt-2">
             {% endif %}
         </div>
-        <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>
+        <button type="submit" class="btn-main w-full">Save Changes</button>
         <a href="{{ url_for('manage_climates') }}" class="block text-center mt-4 text-gray-500 hover:text-gray-700">Cancel</a>
     </form>
 </div>