fix extension manager styles with overlong content

URL change notices didn't break and could push the action buttons out of
the layout.

Author: splitbrain

lib/plugins/extension/GuiExtension.php

@@ -46,8 +46,8 @@ public function render()
         $html .= '<div class="actions">';
         // show the available update if there is one
         if ($this->extension->isUpdateAvailable()) {
-            $html .= ' <div class="version">' . $this->getLang('available_version') . ' ' .
-                hsc($this->extension->getLastUpdate()) . '</div>';
+            $html .= ' <div class="available">' . $this->getLang('available_version') . ' ' .
+                '<span class="version">' . hsc($this->extension->getLastUpdate()) . '</span></div>';
         }
 
         $html .= $this->actions();

lib/plugins/extension/style.less

@@ -66,10 +66,11 @@
 
     section.extension {
         display: grid;
-        grid-template-columns: @thumbwidth auto 15em;
+        grid-template-columns: @thumbwidth auto 22%;
         grid-template-rows: repeat(4, auto);
         margin-bottom: 1em;
         border-bottom: 1px solid @ini_border;
+        word-break: break-word;
 
         > .screenshot {
             grid-column: 1;
@@ -132,6 +133,7 @@
                 }
 
                 .version {
+                    white-space: nowrap;
                 }
             }
 
@@ -154,9 +156,14 @@
             align-items: end;
             gap: 0.5em;
 
-            .version {
+            .available {
                 line-height: 1.2;
                 margin-bottom: 1em;
+                text-align: right;
+
+                .version {
+                    white-space: nowrap;
+                }
             }
         }