running-tools

commit 31034432931321fa8fe8f4327ef9e125c1400cf4
parent b6275617a730321f07e188982d2d2886828bc12a
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date:   Mon, 23 Aug 2021 09:20:36 -0700

Move add target button to table footer

Diffstat:
M
src/components/TimeTable.vue
 | 
11
++++++-----

1 file changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/components/TimeTable.vue b/src/components/TimeTable.vue
@@ -80,8 +80,10 @@
             to add one
           </td>
         </tr>
+      </tbody>
 
-        <tr class="add-target">
+      <tfoot>
+        <tr>
           <td colspan="4">
             <button class="icon" title="Add Target" @click="targets.push({distanceValue: 1,
             distanceUnit: 'miles'})">
@@ -89,7 +91,7 @@
             </button>
           </td>
         </tr>
-      </tbody>
+      </tfoot>
     </table>
   </div>
 </template>
@@ -188,10 +190,9 @@ export default {
 .targets td select {
   margin-left: 0.2em;
 }
-.targets .add-target td {
-  text-align: center;
+.targets tfoot td {
+  text-align: center !important;
   padding: 0.5em 0.2em;
-  background-color: var(--background1) !important;
 }
 
 /* general table styles */