fix placement of footer icons and add titles for these icons

CHANGELOG.md

@@ -6,6 +6,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.0.6] - 2020-05-20
+### Added
+- added titles in the footer for Language- and Info-icon
+
+### Fixed
+- icons side by side via css float
+
 ## [0.0.4] - 2020-05-19
 ### Added
 - Text can now be zoomed in and out to a max of 32px and min of 8px. The fontsize defaults to 14px. It is tracked during browsing.

src/components/language.vue

 <template>
-
-  <div class="language">
+  <div class="language col-xs-auto">
     <q-btn
       flat
       color="grey"
-      label="">
+      label=""
+      title="Change language"
+      >
       <q-icon
         class=""
         size="md"
-        :name="fasLanguage" />
+        :name="fasLanguage"
+      />
       <q-menu
         fit
         anchor="center middle"
@@ -22,7 +24,6 @@
             <q-item-section>DE</q-item-section>
           </q-item>
         </q-list>
-
       </q-menu>
     </q-btn>
       <!--

src/components/quasar-footer.vue

 <template>
-  <q-footer bordered reveal class="bg-white">
+  <q-footer bordered reveal class="bg-white row justify-start items-center ">
     <Language v-if="standalone" />
     <Softwareinfo />
   </q-footer>

src/components/softwareinfo.vue

 <template>
 
-  <div class="softwareinfo">
+  <div class="softwareinfo col-xs-auto">
     <q-btn
       flat
       color="grey"
-      size="sm"
       label=""
+      title="Project info"
       @click="infobox = true">
-      <q-icon size="sm" :name="fasInfoCircle" />
+      <q-icon size="xs" :name="fasInfoCircle" />
     </q-btn>
     <q-dialog v-model="infobox">
       <q-card>
@@ -19,7 +19,7 @@
             Slim, easy to use and mobile-friendly text and image viewer
           </p>
           <p>Author: State and University Library Göttingen (SUB Göttingen)</p>
-          <p class="q-mb-none">Version 0.0.1, License AGPL-3.0</p>
+          <p class="q-mb-none">Version 0.5.0, License AGPL-3.0</p>
         </q-card-section>
 
         <q-card-section class="q-pt-none">