Improve form layout

Author: ablazejuk

index.html

@@ -36,7 +36,7 @@ <h2>Musicians' Helper - Repeater</h2>
                     <div class="col-md-6 col-sm-12">
                         <form>
                             <div class="form-group row">
-                                <label class="col-md-4 col-form-label" for="chords-file">Chords File (.srt)</label>
+                                <label class="col-md-4 col-form-label" for="chords-file">Chords File <span class="text-muted">(.srt)</span></label>
                                 <div class="col-md-8">
                                     <div class="custom-file">
                                         <input type="file" class="custom-file-input" id="chords-file">
@@ -144,7 +144,7 @@ <h2>Musicians' Helper - Editor</h2>
                     <div class="col-md-8 offset-md-2">
                         <form>
                             <div class="form-group row">
-                                <label class="col-md-4 col-form-label" for="chords-file-editor">Chords File (.srt)</label>
+                                <label class="col-md-4 col-form-label" for="chords-file-editor">Chords File <span class="text-muted">(.srt)</span></label>
                                 <div class="col-md-8">
                                     <div class="custom-file">
                                         <input type="file" class="custom-file-input" id="chords-file-editor">

styles.css

@@ -113,3 +113,15 @@
     top: 0;
     z-index: 1030;
 }
+
+form {
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+.form-group:last-child {
+    margin-bottom: 0;
+}