webui v145: the web help dialog stays open, and the close button drifts

The Ok button of the web help confirmation opens the documentation in another
tab and left the dialog standing behind it, with nothing left to ask. It closes
now, like the one in the copy confirmation.

Every modal that gets a phone layout drops its padding from 1.5rem to 1rem, but
.close-btn is positioned against the box rather than the content, so it stayed
1.5rem from the edge and lined up with nothing. Corrected once in the modal
layout instead of in each of the five pages that override the padding.

webui-src/app/home.js

@@ -33,6 +33,9 @@ const webhelpConfirm = () => {
         {
           onclick: () => {
             window.open('https://retrosharedocs.readthedocs.io/en/latest/');
+            //  The documentation opens in another tab; leaving this one behind
+            //  it means coming back to a dialog that has nothing left to ask.
+            widget.closePopupMessage();
           },
         },
         'Ok'

webui-src/app/main.js

@@ -114,7 +114,7 @@ const navbar = () => {
                       ? 'Connected to RetroShare Core'
                       : 'Connection Lost',
                   }),
-                  m('span.webui-version', { style: { fontSize: '0.7em' } }, 'v142'),
+                  m('span.webui-version', { style: { fontSize: '0.7em' } }, 'v145'),
                   m('i.fas.fa-sync-alt.refresh-icon', {
                     style: { cursor: 'pointer', fontSize: '0.8em' },
                     onclick: () => window.location.reload(true),
@@ -236,7 +236,7 @@ const MobileStatus = () => {
               m('small', statusbar.formatBytes(state.totalOut)),
             ]),
           ]),
-          m('.mobile-status-sheet__version', 'WebUI v142'),
+          m('.mobile-status-sheet__version', 'WebUI v145'),
         ])),
       ];
     },

webui-src/app/scss/layouts/_modal-container.scss

@@ -118,6 +118,15 @@
 }
 
 @media (max-width: 600px) {
+  //  Every modal that gets a phone layout drops its padding from 1.5rem to 1rem
+  //  -- copy confirmation, add friend, create identity, create forum, location
+  //  details -- but the close button is positioned against the box, not the
+  //  content, so it stayed 1.5rem from the edge and no longer lined up with
+  //  anything. Corrected once here rather than in each of them.
+  .modal-content .close-btn {
+    right: 1rem;
+  }
+
   .modal-content.location-details-modal {
     width: calc(100% - 1rem);
     height: max-content;