major styling pass, artist list, and import processing improvements

app/templates/settings.html

@@ -1,25 +1,25 @@
 {% extends "layout.html" %}
-
 {% block title %}Settings{% endblock %}
 
 {% block content %}
-  <div class="container mt-4">
-    <h2>Image Management</h2>
-    <p>Use the options below to manage image data.</p>
+<h1 style="text-align:center; margin-top: 1rem;">Settings</h1>
 
-    <div class="mb-3">
-      <a href="{{ url_for('main.trigger_image_import') }}" class="btn btn-primary">
-        📥 Import Images
-      </a>
-    </div>
+<div class="settings-container">
+  <div class="settings-section">
+    <h2>Admin Actions</h2>
+    <div class="settings-actions">
+      <form action="{{ url_for('main.trigger_image_import') }}" method="get">
+        <button type="submit" class="btn primary-btn">Trigger Image Import</button>
+      </form>
 
-    <div class="mb-3">
-      <form method="POST" action="{{ url_for('main.reset_db') }}"
-            onsubmit="return confirm('Are you sure you want to delete all image records?');">
-        <button type="submit" class="btn btn-danger">
-          🗑️ Reset Database
-        </button>
+      <form action="{{ url_for('main.reset_db') }}" method="post" onsubmit="return confirm('Are you sure you want to delete all image records? This action cannot be undone.');">
+        <button type="submit" class="btn danger-btn">Reset Image Database</button>
       </form>
     </div>
   </div>
+
+  <div class="settings-info">
+    <p>Use these tools to manually trigger an import or reset the image database. Resetting the database does not delete the actual image files.</p>
+  </div>
+</div>
 {% endblock %}