text butons in article toolbar

src/components/ArticleFooter.vue

@@ -11,20 +11,22 @@
 
         <span class="text-center">{{$t(what_copied)}}</span>
       </v-snackbar>
-
+      <v-card-actions>
       <v-btn v-if="showLinkCopy"
-             small depressed class="toolbar-button" rounded @click="copy_link">
+             small text class="toolbar-button" rounded @click="copy_link">
         <v-icon small left>link</v-icon><span class = "button-text">{{$t("article_footer.copy_link")}}</span>
       </v-btn>
 
       <v-btn v-if="webShareApiSupported" depressed small class="toolbar-button" rounded @click="shareViaWebShare">
         <v-icon small left>share</v-icon><span class = "button-text">{{$t("article_footer.share")}}</span>
       </v-btn>
+
       <v-dialog max-width="600px" v-model="citation_dialog">
         <template v-slot:activator="{ on, attrs }">
-            <v-btn depressed small class="toolbar-button" rounded v-on="on" v-bind="attrs">
+            <v-btn text small class="toolbar-button" rounded v-on="on" v-bind="attrs">
         <v-icon left small>format_quote</v-icon> <span class = "button-text">{{$t("article_footer.cite")}}</span>
       </v-btn>
+      
 
         </template>
 
@@ -41,8 +43,8 @@
           <v-btn depressed small rounded @click="copy_citation"><br>
             <v-icon left small icon>content_copy</v-icon>  <span class = "button-text">{{$t("article_footer.copy")}}</span>
           </v-btn>
-                    <v-btn depressed :x-small="$vuetify.breakpoint.mobile" :small="!$vuetify.breakpoint.mobile" rounded @click="download_ris"><br>
-            <v-icon left :x-small="$vuetify.breakpoint.mobile" :small="!$vuetify.breakpoint.mobile" icon>get_app</v-icon> <span class = "button-text">{{$t("article_footer.download")}}</span>
+                    <v-btn depressed small rounded @click="download_ris"><br>
+            <v-icon left small icon>get_app</v-icon> <span class = "button-text">{{$t("article_footer.download")}}</span>
           </v-btn>
                     
           </v-card-actions>
@@ -50,6 +52,7 @@
         </v-card>
 
       </v-dialog>
+      </v-card-actions>
 
   </div>
 </template>