break down the help page into 2 smaller ones

notes@maestroschan.fr/locale/es/LC_MESSAGES/notes-extension.po

@@ -293,12 +293,10 @@ msgstr "Hacer una copia de seguridad de tus notas"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Haz clic en este botón si has movido una nota de tu pantallaprincipal "
-"accidentalmente\n"
-"(por ejemplo: si tenías notas en una segunda pantalla que has desconectado)."
+"accidentalmente (por ejemplo: si tenías notas en una segunda pantalla que has desconectado)."
 
 #: notes@maestroschan.fr/prefs.ui
 msgid "Bring back to the primary monitor"

notes@maestroschan.fr/locale/fr/LC_MESSAGES/notes-extension.po

@@ -294,12 +294,10 @@ msgstr "Sauvegarder vos notes"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Cliquez sur ce bouton si vous avez accidentellement déplacé une note hors de "
-"votre écran principal\n"
-"(exemple : si vous aviez des notes sur un écran secondaire maintenant "
+"votre écran principal (exemple : si vous aviez des notes sur un écran secondaire maintenant "
 "débranché)."
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/hr/LC_MESSAGES/notes-extension.po

@@ -288,11 +288,9 @@ msgstr "Izradi sigurnosnu kopiju tvojih bilježaka"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
-"Klikni ovaj gumb, ako si slučajno premjestio/la bilješku s glavnog monitora\n"
-"(primjer: ako si imao/la bilješke na sporednom monitoru kojeg si odspojio/"
+"Klikni ovaj gumb, ako si slučajno premjestio/la bilješku s glavnog monitora (primjer: ako si imao/la bilješke na sporednom monitoru kojeg si odspojio/"
 "la)."
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/it/LC_MESSAGES/notes-extension.po

@@ -293,12 +293,10 @@ msgstr "Backup delle tue note"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Click su questo pulsante se hai spostato per errore le tue note all'esterno "
-"dello schermo primario\n"
-"(esempio: se avevi delle note su uno schermo secondario che hai disconnesso)."
+"dello schermo primario (esempio: se avevi delle note su uno schermo secondario che hai disconnesso)."
 
 #: notes@maestroschan.fr/prefs.ui
 msgid "Bring back to the primary monitor"

notes@maestroschan.fr/locale/nl/LC_MESSAGES/notes-extension.po

@@ -286,12 +286,10 @@ msgstr "Notities back-uppen"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Klik op deze knop als u per ongeluk een notitie hebt verplaatst buiten uw "
-"primaire beeldscherm\n"
-"(voorbeeld: u had notities op een secundair beeldscherm staan dat u "
+"primaire beeldscherm (voorbeeld: u had notities op een secundair beeldscherm staan dat u "
 "vervolgens hebt afgekoppeld)."
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/notes-extension.pot

@@ -259,8 +259,7 @@ msgstr ""
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/pl/LC_MESSAGES/notes-extension.po

@@ -243,8 +243,7 @@ msgstr ""
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/pt_BR/LC_MESSAGES/notes-extension.po

@@ -284,12 +284,10 @@ msgstr "Backup das notas"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Clique neste botão se você moveu uma nota pra fora do seu monitor principal "
-"sem querer\n"
-"(ou seja: se você tinha notas em um monitor secundário e o desconectou)"
+"sem querer (ou seja: se você tinha notas em um monitor secundário e o desconectou)"
 
 #: notes@maestroschan.fr/prefs.ui
 msgid "Bring back to the primary monitor"

notes@maestroschan.fr/locale/tr/LC_MESSAGES/notes-extension.po

@@ -286,12 +286,10 @@ msgstr "Notlarınızı yedekleyin"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
 "Birincil ekranınız dışında başka yerde not eklediyseniz bu düğmeye "
-"tıklayın \n"
-"(örnek: Eğer ikinci bir monitörde notlarınız varsa ve bağlantısını "
+"tıklayın (örnek: Eğer ikinci bir monitörde notlarınız varsa ve bağlantısını "
 "kestiyseniz)."
 
 #: notes@maestroschan.fr/prefs.ui

notes@maestroschan.fr/locale/zh_CN/LC_MESSAGES/notes-extension.po

@@ -108,11 +108,9 @@ msgstr "带回主屏"
 
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
-"如果意外将便签移出了主屏，请点击此按钮\n"
-"(比如: 便签原在另一屏幕上，但该屏幕已被拔掉)。"
+"如果意外将便签移出了主屏，请点击此按钮 (比如: 便签原在另一屏幕上，但该屏幕已被拔掉)。"
 
 msgid "Custom color"
 msgstr "自定义色彩"

notes@maestroschan.fr/locale/zh_TW/LC_MESSAGES/notes-extension.po

@@ -269,11 +269,9 @@ msgstr "備份您的便箋"
 #: notes@maestroschan.fr/prefs.ui
 msgid ""
 "Click on this button if you accidentally moved a note out of your primary "
-"monitor\n"
-"(example: if you had notes on a secondary monitor and unplugged it)."
+"monitor (example: if you had notes on a secondary monitor and unplugged it)."
 msgstr ""
-"如果您意外地將便箋移出您的主要螢幕, 按下這個按鈕\n"
-"( 例如 : 如果您有便箋在第二個螢幕上且該螢幕已拔除 ) ."
+"如果您意外地將便箋移出您的主要螢幕, 按下這個按鈕 ( 例如 : 如果您有便箋在第二個螢幕上且該螢幕已拔除 ) ."
 
 #: notes@maestroschan.fr/prefs.ui
 msgid "Bring back to the primary monitor"

notes@maestroschan.fr/prefs.js

@@ -164,18 +164,12 @@ const NotesSettingsWidget = new GObject.Class({
 	_buildAboutPage(builder) {
 		builder.get_object('about_icon').set_from_pixbuf(
 			GdkPixbuf.Pixbuf.new_from_file_at_size(Me.path +
-			                         '/screenshots/about_picture.png', 163, 114)
-		//	                         '/screenshots/about_picture.png', 326, 228)
+		                             '/screenshots/about_picture.png', 163, 114)
 		);
 
 		let ext_version = _("Version %s").replace('%s', Me.metadata.version.toString());
 		builder.get_object('label_version').set_label(ext_version)
 
-		// TODO why tf does that crash?
-		// let gs_versions = Me.metadata['shell-version'][0].toString().replace(',', ", ");
-		// let versions_str = _("Compatible with GNOME Shell %s").replace('%s', gs_versions);
-		// builder.get_object('label_gs_versions').set_label(versions_str)
-
 		let translation_credits = builder.get_object('translation_credits').get_label();
 		if (translation_credits == 'translator-credits') {
 			builder.get_object('translation_label').set_label('');

notes@maestroschan.fr/prefs.ui

@@ -95,7 +95,6 @@
 
         <child>
           <object class="GtkSeparator">
-            <property name="hexpand">False</property>
             <layout>
               <property name="column">0</property>
               <property name="row">10</property>
@@ -128,7 +127,6 @@
 
         <child>
           <object class="GtkSeparator">
-            <property name="hexpand">False</property>
             <layout>
               <property name="column">0</property>
               <property name="row">15</property>
@@ -231,7 +229,6 @@
 
         <child>
           <object class="GtkSeparator">
-            <property name="hexpand">False</property>
             <layout>
               <property name="column">0</property>
               <property name="row">20</property>
@@ -277,7 +274,7 @@
       </object>
     </child>
 
-    <!-- "Help" page -->
+    <!-- "Backup" page -->
     <child>
       <object class="GtkBox">
         <property name="orientation">vertical</property>
@@ -287,39 +284,17 @@
         <property name="margin-top">15</property>
         <property name="margin-bottom">15</property>
         <property name="spacing">10</property>
-
-        <child>
-          <object class="GtkLinkButton" id="help_btn">
-            <property name="label" translatable="yes">Online simple help manual</property>
-          </object>
-        </child>
-
-        <child>
-          <object class="GtkSeparator">
-            <property name="hexpand">False</property>
-            <layout>
-              <property name="column">0</property>
-              <property name="row">15</property>
-              <property name="width">2</property>
-            </layout>
-          </object>
-        </child>
-
         <child>
           <object class="GtkLabel">
             <property name="wrap">True</property>
             <property name="use-markup">True</property>
-            <property name="halign">start</property>
             <property name="label" translatable="yes">Your notes are saved to the disk on various occasions (mainly when you hide them). If you want to &lt;b&gt;get a copy of your notes&lt;/b&gt;, this button opens the folder where they are.</property>
           </object>
         </child>
         <child>
           <object class="GtkButton" id="backup_btn">
             <property name="halign">center</property>
             <property name="label" translatable="yes">Open the storage directory</property>
-            <style>
-              <class name="suggested-action"/>
-            </style>
           </object>
         </child>
         <child>
@@ -342,15 +317,46 @@
             </style>
           </object>
         </child>
+      </object>
+    </child>
+    <child type="tab">
+      <object class="GtkLabel">
+        <property name="label" translatable="yes">Backup</property>
+        <!--<property name="icon-name">system-file-manager-symbolic</property>-->
+        <layout>
+          <property name="tab_fill">False</property>
+        </layout>
+      </object>
+    </child>
+
+    <!-- "Help" page -->
+    <child>
+      <object class="GtkBox">
+        <property name="orientation">vertical</property>
+        <property name="hexpand">True</property>
+        <property name="margin-start">15</property>
+        <property name="margin-end">15</property>
+        <property name="margin-top">15</property>
+        <property name="margin-bottom">15</property>
+        <property name="spacing">10</property>
+
+        <child>
+          <object class="GtkLabel">
+            <property name="wrap">True</property>
+            <property name="halign">start</property>
+            <property name="use-markup">True</property>
+            <property name="label" translatable="yes">Explanations about how to use this extension can be found here:</property>
+          </object>
+        </child>
+
+        <child>
+          <object class="GtkLinkButton" id="help_btn">
+            <property name="label" translatable="yes">Online help manual</property>
+          </object>
+        </child>
 
         <child>
           <object class="GtkSeparator">
-            <property name="hexpand">False</property>
-            <layout>
-              <property name="column">0</property>
-              <property name="row">15</property>
-              <property name="width">2</property>
-            </layout>
           </object>
         </child>
 
@@ -359,8 +365,7 @@
             <property name="wrap">True</property>
             <property name="halign">start</property>
             <property name="use-markup">True</property>
-            <property name="label" translatable="yes">Click on this button if you accidentally moved a note out of your primary monitor
-(example: if you had notes on a secondary monitor and unplugged it).</property>
+            <property name="label" translatable="yes">Click on this button if you accidentally moved a note out of your primary monitor (example: if you had notes on a secondary monitor and unplugged it).</property>
           </object>
         </child>
         <child>
@@ -406,31 +411,29 @@
           </object>
         </child>
         <child>
-          <object class="GtkImage" id="about_icon"></object>
-        </child>
-        <child>
-          <object class="GtkLabel" id="label_version">
-            <property name="halign">center</property>
-            <property name="label"></property>
+          <object class="GtkImage" id="about_icon">
+            <property name="pixel-size">163</property>
           </object>
         </child>
         <child>
-          <object class="GtkLabel" id="label_gs_versions">
+          <object class="GtkLabel" id="label_version">
             <property name="halign">center</property>
             <property name="label"></property>
             <style>
               <class name="dim-label"/>
             </style>
           </object>
         </child>
-        <!-- pack_end above this line -->
+
         <child>
           <object class="GtkBox">
             <property name="spacing">12</property>
+            <property name="hexpand">True</property>
             <property name="valign">end</property>
-            <property name="orientation">vertical</property>
             <child>
               <object class="GtkBox">
+                <property name="halign">start</property>
+                <property name="orientation">vertical</property>
                 <property name="spacing">12</property>
                 <child>
                   <object class="GtkLabel">
@@ -446,7 +449,9 @@
             </child>
             <child>
               <object class="GtkBox">
-              <property name="spacing">12</property>
+                <property name="halign">end</property>
+                <property name="orientation">vertical</property>
+                <property name="spacing">12</property>
                 <child>
                   <object class="GtkLabel" id="translation_label">
                     <property name="label" translatable="yes">Translation:</property>
@@ -459,11 +464,11 @@
                 </child>
               </object>
             </child>
-            <child>
-              <object class="GtkLinkButton" id="report_link_button">
-                <property name="label" translatable="yes">Report bugs or ideas</property>
-              </object>
-            </child>
+          </object>
+        </child>
+        <child>
+          <object class="GtkLinkButton" id="report_link_button">
+            <property name="label" translatable="yes">Report bugs or ideas</property>
           </object>
         </child>
       </object>

user-help/README.md

@@ -28,7 +28,7 @@ The "Custom color" submenu allows you to select precisely a color.
 
 ## The settings window
 
-The settings dialog window you're reading provides several options:
+The settings dialog window provides several options:
 
 **Position of notes:** select whether you want the notes to be shown above the windows or underneath them.