buttons now in collums

src/views/muscles/Back.vue

@@ -2,9 +2,9 @@
     <div class="back">
       <h1>Back</h1>
       <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>
 

src/views/muscles/Biceps.vue

@@ -2,9 +2,9 @@
     <div class="biceps">
       <h1>Biceps</h1>
       <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>
 

src/views/muscles/Chest.vue

@@ -2,9 +2,9 @@
   <div class="chest">
     <h1>Chest</h1>
     <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>
 

src/views/muscles/Legs.vue

@@ -2,9 +2,9 @@
     <div class="legs">
       <h1>Legs</h1>
       <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>
 

src/views/muscles/Shoulder.vue

@@ -2,9 +2,9 @@
     <div class="shoulder">
       <h1>Shoulder</h1>
       <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>
 

src/views/muscles/Triceps.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="triceps">
-      <h1><button>Triceps</button></h1>
+      <h1>Triceps</h1>
       <label> Search</label>
-      <button v-for="exercise in exercises" :key="exercise.name">
+      <div v-for="exercise in exercises" :key="exercise.name">
-        {{exercise.name}}
+        <button>{{ exercise.name }}</button>
-      </button>
+      </div>
     </div>
   </template>