tweak: fix funding source hide (#3027)

added to title rather than all the inputs

lnbits/static/i18n/en.js

@@ -175,6 +175,7 @@ window.localisation.en = {
   payment_proof: 'Payment Proof',
   update: 'Update',
   update_available: 'Update {version} available!',
+  funding_sources: 'Funding Sources',
   latest_update: 'You are on the latest version {version}.',
   notifications: 'Notifications',
   notifications_configure: 'Configure Notifications',

lnbits/templates/components.vue

@@ -1057,7 +1057,16 @@
 
 <template id="lnbits-funding-sources">
   <div class="funding-sources">
-    <h6 class="q-mt-xl q-mb-md">Funding Sources</h6>
+    <h6 class="q-my-none q-mb-sm">
+      <span v-text="$t('funding_sources')"></span>
+      <q-btn
+        round
+        flat
+        @click="this.hideInput = !this.hideInput"
+        :icon="this.hideInput ? 'visibility_off' : 'visibility'"
+      ></q-btn>
+    </h6>
+
     <div class="row">
       <div class="col-12">
         <p>Active Funding<small> (Requires server restart)</small></p>
@@ -1095,13 +1104,6 @@
               :label="prop.label"
               :hint="prop.hint"
             >
-              <template v-slot:append>
-                <q-icon
-                  :name="hideInput ? 'visibility_off' : 'visibility'"
-                  class="cursor-pointer"
-                  @click="this.hideInput = !this.hideInput"
-                ></q-icon>
-              </template>
             </q-input>
           </div>
         </div>