share: ui fixes

public/static/app.css

@@ -56,7 +56,8 @@ td.fillCell>* {
 #boxes,
 #radios,
 #search,
-#welcome {
+#welcome,
+#share {
   display: flex;
   flex-grow: 1;
   flex-wrap: wrap;

src/components/AlbumContent.vue

@@ -64,10 +64,13 @@ export default {
 
 #albumContent {
   overflow: hidden;
+  width: 100%;
 }
+
 #album {
   overflow: auto;
 }
+
 #header {
   overflow: hidden;
 }

src/components/BoxContent.vue

@@ -63,6 +63,7 @@ export default {
 
 #boxContent {
   overflow: hidden;
+  width: 100%;
 }
 #box {
   overflow: auto;

src/views/Share.vue

@@ -1,5 +1,5 @@
 <template>
-  <div ref="share" id="share" class="flex-column">
+  <div ref="share" id="share">
     <AlbumContent ref="album" v-if="type == 'album'" />
     <BoxContent ref="box" v-if="type == 'box'" />
   </div>
@@ -68,6 +68,6 @@ export default {
 
 <style scoped>
 #share {
-  overflow: auto;
+  flex-direction: column;
 }
 </style>