restyle citation dialog

src/components/ArticleFooter.vue

@@ -28,19 +28,24 @@
 
         </template>
 
-        <v-card class="info-card">
+        <v-card>
+          <v-card-title>Sitere artikkelen</v-card-title>
+          <v-card-text>
           {{$t("article_footer.description")}}
           <br/>
           <div id = "citation" v-html="this.create_citation()"/>
+          </v-card-text>
+          <v-card-actions>
           <v-btn depressed x-small class="toolbar-button" rounded tabindex="0" @click="copy_citation"><br>
             <v-icon x-small icon>content_copy</v-icon>  <span class = "button-text">{{$t("article_footer.copy")}}</span>
           </v-btn>
                     <v-btn depressed x-small class="toolbar-button" rounded tabindex="0" @click="download_ris"><br>
             <v-icon x-small icon>get_app</v-icon> <span class = "button-text">{{$t("article_footer.download")}}</span>
-          </v-btn>
+          </v-btn><v-spacer/>
                     <v-btn depressed x-small class="toolbar-button" rounded tabindex="0" @click="close_citation_dialog"><br>
             <v-icon x-small icon>close</v-icon> <span class = "button-text">{{$t("article_footer.cancel")}}</span>
           </v-btn>
+          </v-card-actions>
         </v-card>
       </v-dialog>
   </div>