layout fixes

Signed-off-by: Roman <ixrock@gmail.com>

src/renderer/components/+extensions/extensions.scss

@@ -1,22 +1,23 @@
 .Extensions {
+  $spacing: $padding * 2;
   --width: 100%;
   --max-width: auto;
 
   .extensions-list {
     .extension {
       --flex-gap: $padding / 3;
-      padding: $padding $padding * 2;
+      padding: $padding $spacing;
       background: $colorVague;
       border-radius: $radius;
 
       &:not(:first-of-type) {
-        margin-top: $padding * 2;
+        margin-top: $spacing;
       }
     }
   }
 
   .extensions-info {
-    --flex-gap: #{$padding * 3};
+    --flex-gap: #{$spacing};
 
     > .flex.gaps {
       --flex-gap: #{$padding};

src/renderer/components/+extensions/extensions.tsx

@@ -80,14 +80,14 @@ export class Extensions extends React.Component {
           features of Lens are built as extensions and use the same Extension API.
         </div>
         <div>
-          <em>All custom extensions located in:</em>
+          <p><em>All custom extensions located in:</em></p>
           <div className="extensions-path flex inline" onClick={() => shell.openPath(this.extensionsPath)}>
             <Icon material="folder" tooltip={{ children: "Open folder", preferredPositions: "bottom" }}/>
             <code>{this.extensionsPath}</code>
           </div>
         </div>
         <div className="install-extension flex column gaps">
-          <em>Install extensions from local file-system or URL:</em>
+          <p><em>Install extensions from local file-system or URL:</em></p>
           <div className="install-extension-by-url flex gaps align-center">
             <Icon
               material="get_app"