[design] add global scale helper text

Author: zombieFox

src/index.html

@@ -87,27 +87,27 @@
           <div class="header-item header-button header-edit-add">
             <div class="header-button-body">
               <div class="form-group nested-button mb-0">
-              <div class="input-wrap input-button input-hide py-0">
-                <input id="control-link-edit" class="control-link-edit" type="checkbox" tabindex="1">
-                <label for="control-link-edit" class="mb-0"><span class="label-icon"></span> Edit</label>
-              </div>
-              <div class="input-wrap py-0">
-                <div class="form-dropdown">
-                  <button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
-                    <span class="button-text">Add</span>
-                  </button>
-                  <ul class="list-unstyled form-dropdown-menu">
-                    <li>
-                      <button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
-                    </li>
-                    <li>
-                      <button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
-                    </li>
-                  </ul>
+                <div class="input-wrap input-button input-hide py-0">
+                  <input id="control-link-edit" class="control-link-edit" type="checkbox" tabindex="1">
+                  <label for="control-link-edit" class="mb-0"><span class="label-icon"></span> Edit</label>
+                </div>
+                <div class="input-wrap py-0">
+                  <div class="form-dropdown">
+                    <button class="control-add-toggle form-dropdown-toggle button" tabindex="1">
+                      <span class="button-text">Add</span>
+                    </button>
+                    <ul class="list-unstyled form-dropdown-menu">
+                      <li>
+                        <button class="button button-block text-left form-dropdown-menu-item control-group-add" tabindex="1"><span class="button-text">New Group</span></button>
+                      </li>
+                      <li>
+                        <button class="button button-block text-left form-dropdown-menu-item control-link-add" tabindex="1"><span class="button-text">New Bookmark</span></button>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
               </div>
             </div>
-            </div>
           </div>
           <div class="header-item header-button header-accent">
             <div class="header-button-body">
@@ -243,6 +243,7 @@ <h1 class="menu-item-header-text">Global scaling</h1>
                 </div>
               </div>
               <p class="control-layout-size-helper form-helper small">Resize all elements on the page.</p>
+              <p class="control-layout-size-helper form-helper small">Take care as some elements could scale up to outside the page.</p>
               <div class="button-wrap">
                 <button class="control-layout-size-default button mb-0" tabindex="1">Default Global scaling size</button>
               </div>