Merge branch 'master' into develop

changes/changelog.d/933.bugfix

@@ -0,0 +1 @@
+Ensure password input doesn't overflow outside of container (#933)

changes/changelog.d/945.bugfix

@@ -0,0 +1 @@
+Fixed escaped pod name displayed on home/about page (#945)

changes/changelog.d/search-remote.enhancement

@@ -0,0 +1 @@
+Added feedback via loading spinner when searching a remote library

front/src/components/About.vue

@@ -3,10 +3,12 @@
     <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
       <div class="segment-content">
         <h1 class="ui center aligned large header">
-          <translate translate-context="Content/Home/Header"
+          <span
+            v-translate="{podName: podName}"
+            translate-context="Content/Home/Header"
             :translate-params="{podName: podName}">
-            About %{ podName }
-          </translate>
+            About %{ podName }!
+          </span>
           <div v-if="shortDescription" class="sub header">
             {{ shortDescription }}
           </div>

front/src/components/Home.vue

@@ -3,10 +3,12 @@
     <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
       <div class="segment-content">
         <h1 class="ui center aligned large header">
-          <translate translate-context="Content/Home/Header"
+          <span
+            v-translate="{podName: podName}"
+            translate-context="Content/Home/Header"
             :translate-params="{podName: podName}">
             Welcome to %{ podName }!
-          </translate>
+          </span>
           <div v-if="shortDescription" class="sub header">
             {{ shortDescription }}
           </div>

front/src/components/forms/PasswordInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ui action input">
+  <div class="ui fluid action input">
     <input
     required
     name="password"

front/src/views/content/remote/Card.vue

@@ -142,7 +142,7 @@ export default {
     library: {type: Object, required: true},
     displayFollow: {type: Boolean, default: true},
     displayScan: {type: Boolean, default: true},
-    displayCopyFid: {type: Boolean, default: false},
+    displayCopyFid: {type: Boolean, default: true},
   },
   data () {
     return {

front/src/views/content/remote/ScanForm.vue

@@ -10,7 +10,7 @@
       <label><translate translate-context="Content/Library/Input.Label/Verb">Search a remote library</translate></label>
       <div :class="['ui', 'action', {loading: isLoading}, 'input']">
         <input name="url" v-model="query" :placeholder="labels.placeholder" type="url">
-        <button type="submit" class="ui icon button">
+        <button type="submit" :class="['ui', 'icon', {loading: isLoading}, 'button']">
           <i class="search icon"></i>
         </button>
       </div>