Index: ow/templates/add_manual_workout.pt
===================================================================
--- ow/templates/add_manual_workout.pt	(revision 208da8b9e1fc029c4d757997ad6c7fd47a78c45d)
+++ ow/templates/add_manual_workout.pt	(revision 01674ff268b00c33b71d0cf6fd54c8357fa37f45)
@@ -23,69 +23,68 @@
 
   <metal:content metal:fill-slot="content">
-      <h2 i18n:translate="">Add a new workout</h2>
+
     <div class="add_workout ow-forms">
+      <a href="" class="back"
+             tal:attributes="href request.resource_url(context)"
+             i18n:translate="">Back</a>
+        <h2 i18n:translate="">Add a new workout</h2>
         ${form.begin()}
         ${form.csrf_token()}
 
         <fieldset>
-            <p>
-                <label for="sport" i18n:translate="">Sport/Activity</label>
-                ${form.errorlist('sport')}
-                ${form.text('sport')}
-            </p>
-            <p>
-                <label for="title" i18n:translate="">Title</label>
-                ${form.errorlist('title')}
-                ${form.text('title')}
-            </p>
-        </fieldset>
+          <p>
+              <label for="sport" i18n:translate="">Sport/Activity</label>
+              ${form.errorlist('sport')}
+              ${form.text('sport')}
+          </p>
+          <p>
+              <label for="title" i18n:translate="">Title</label>
+              ${form.errorlist('title')}
+              ${form.text('title')}
+          </p>
+          <div class="input-container ly-flex ly-2 has-gap">
+              <div>
+                  <label for="start_date" i18n:translate="">Start date (dd/mm/yyyy)</label>
+                  ${form.errorlist('start_date')}
+                  ${form.text('start_date', size=10, **{'class': "date"})}
+              </div>
+              <div>
+                  <label for="start_time" i18n:translate="">Start time (HH:MM)</label>
+                  ${form.errorlist('start_time')}
+                  ${form.text('start_time', size=5, **{'class': "time"})}
+              </div>
+          </div>
 
-        <fieldset>
-            <div class="input-container">
-                <div>
-                    <label for="start_date" i18n:translate="">Start date (dd/mm/yyyy)</label>
-                    ${form.errorlist('start_date')}
-                    ${form.text('start_date', size=10, **{'class': "date"})}
-                </div>
-                <div>
-                    <label for="start_time" i18n:translate="">Start time (HH:MM)</label>
-                    ${form.errorlist('start_time')}
-                    ${form.text('start_time', size=5, **{'class': "time"})}
-                </div>
+          <div class="input-container ly-flex ly-3 has-gap">
+            <div>
+              <label for="duration_hours" i18n:translate="">Hours</label>
+              ${form.errorlist('duration_hours')}
+              ${form.text('duration_hours', size=3, **{'class': "number"})}
             </div>
+            <div>
+              <label for="duration_minutes" i18n:translate="">Minutes</label>
+              ${form.errorlist('duration_minutes')}
+              ${form.text('duration_minutes', size=3, **{'class': "number"})}
+            </div>
+            <div>
+              <label for="duration_seconds" i18n:translate="">Seconds</label>
+              ${form.errorlist('duration_seconds')}
+              ${form.text('duration_seconds', size=3, **{'class': "number"})}
+            </div>
+          </div>
 
-            <div class="input-container">
-                <label for="duration_hours" i18n:translate="">Hours</label>
-                ${form.errorlist('duration_hours')}
-                ${form.text('duration_hours', size=3, **{'class': "number"})}
-
-                <label for="duration_minutes" i18n:translate="">Minutes</label>
-                ${form.errorlist('duration_minutes')}
-                ${form.text('duration_minutes', size=3, **{'class': "number"})}
-
-                <label for="duration_seconds" i18n:translate="">Seconds</label>
-                ${form.errorlist('duration_seconds')}
-                ${form.text('duration_seconds', size=3, **{'class': "number"})}
-            </div>
-
-            <p>
-                <label for="distance" i18n:translate="">Distance (Km):</label>
-                ${form.errorlist('distance')}
-                ${form.text('distance', size=4, **{'class': "number"})}
-            </p>
+          <p>
+              <label for="distance" i18n:translate="">Distance (Km):</label>
+              ${form.errorlist('distance')}
+              ${form.text('distance', size=4, **{'class': "number"})}
+          </p>
+          <div>
+            <label for="notes" i18n:translate="">Notes:</label>
+            ${form.errorlist('notes')}
+            ${form.textarea('notes', rows=10, cols=50)}
+          </div>
       </fieldset>
 
-      <fieldset>
-          <label for="notes" i18n:translate="">Notes:</label>
-          ${form.errorlist('notes')}
-          ${form.textarea('notes', rows=10, cols=50)}
-      </fieldset>
-
-      <p>
-          ${form.submit("submit", "Save",  **{'class':"button button-normal"})}
-          <a href="" class="button button-important"
-             tal:attributes="href request.resource_url(context)"
-             i18n:translate="">Cancel</a>
-      </p>
+        ${form.submit("submit", "Save",  **{'class':"button button-normal"})}
 
       ${form.end()}
