From 0f0caba86f4fdd16db3874715b3587d5c5560d19 Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Fri, 30 Oct 2015 12:45:45 +0100
Subject: Change layout of song subform.

---
 views/song.erb | 62 +++++++++++++++++++++++++++++-----------------------------
 1 file changed, 31 insertions(+), 31 deletions(-)

(limited to 'views/song.erb')

diff --git a/views/song.erb b/views/song.erb
index 701282b..d2df519 100644
--- a/views/song.erb
+++ b/views/song.erb
@@ -1,24 +1,21 @@
 <div class="song-info" id="song-<%= song_number %>-info">
-    <h4>
-      Låt nr <%= song_number %>
-      <input type="button" id="delete-song-<%= song_number %>" class="delete-song" value="X">
-    </h4>
-    <div class="field text required">
+    <label><%= song_number %></label>
+    <span class="field text required">
         <label for="band-song-<%= song_number %>-title">Tittel:</label>
         <input type="text" id="band-song-<%= song_number %>-title"
                name="band[songs][<%= song_number %>][title]"
                value="<%= song.title %>">
-    </div>
-    <div class="field text optional">
+    </span>
+    <span class="field text optional">
         <label for="band-song-<%= song_number %>-time">Lengde:</label>
-        <input type="text" pattern="[0-9]{2}:[0-9]{2}"
+        <input type="time" pattern="[0-9]{1,2}:[0-9]{2}"
                title="Spilletid i min:sek (mm:ss)"
                id="band-song-<%= song_number %>-time"
                name="band[songs][<%= song_number %>][time]"
                value="<%= song.time %>"
                size="6">
-    </div>
-    <div class="field text optional">
+    </span>
+    <span class="field text optional">
         <label for="band-song-<%= song_number %>-isrc">ISRC-kode:</label>
         <input type="text"
                 title="Dersom låten har vært utgitt før har den en ISRC-kode. Om du vet den så oppgi den her."
@@ -26,26 +23,29 @@
                 name="band[songs][<%= song_number %>][isrc]"
                 value="<%= song.isrc %>"
                 size="11">
-    </div>
-    <div class="field textarea required">
-        <label for="band-song-<%= song_number %>-performers">Utøvere:</label>
-        <textarea cols="40" rows="5" id="band-song-<%= song_number %>-performers"
-                  name="band[songs][<%= song_number %>][performers]"
-                  title="Fullt navn (ingen pseudonymer) på alle som er med på denne innspillingen."
-                  ><%= song.performers.join("\n") %></textarea>
-    </div>
-    <div class="field textarea required">
-        <label for="band-song-<%= song_number %>-composers">Opphavsmenn:</label>
-        <textarea cols="40" rows="5" id="band-song-<%= song_number %>-composers"
-                  name="band[songs][<%= song_number %>][composers]"
-                  title="Fullt navn (ingen pseudonymer) på alle som har vært med på å skrive denne låten."
-                  ><%= song.composers.join("\n") %></textarea>
-    </div>
-    <div class="field textarea optional">
-        <label for="band-song-<%= song_number %>-notes">Andre merknader:</label>
-        <textarea cols="40" rows="5" id="band-song-<%= song_number %>-notes"
-                  name="band[songs][<%= song_number %>][notes]"
-                  title="Evt andre ting vi burde vite."
-                  ><%= song.notes %></textarea>
+    </span>
+    <input type="button" id="delete-song-<%= song_number %>" class="delete-song" value="X">
+    <div class="song-details">
+      <div class="field textarea required">
+          <label for="band-song-<%= song_number %>-performers">Utøvere:</label>
+          <textarea cols="40" rows="5" id="band-song-<%= song_number %>-performers"
+                    name="band[songs][<%= song_number %>][performers]"
+                    title="Fullt navn (ingen pseudonymer) på alle som er med på denne innspillingen."
+                    ><%= song.performers.join("\n") %></textarea>
+      </div>
+      <div class="field textarea required">
+          <label for="band-song-<%= song_number %>-composers">Opphavsmenn:</label>
+          <textarea cols="40" rows="5" id="band-song-<%= song_number %>-composers"
+                    name="band[songs][<%= song_number %>][composers]"
+                    title="Fullt navn (ingen pseudonymer) på alle som har vært med på å skrive denne låten."
+                    ><%= song.composers.join("\n") %></textarea>
+      </div>
+      <div class="field textarea optional">
+          <label for="band-song-<%= song_number %>-notes">Andre merknader:</label>
+          <textarea cols="40" rows="5" id="band-song-<%= song_number %>-notes"
+                    name="band[songs][<%= song_number %>][notes]"
+                    title="Evt andre ting vi burde vite."
+                    ><%= song.notes %></textarea>
+      </div>
     </div>
 </div>
-- 
cgit v1.2.3