Fix device name and edit control layout

src/shared/versions.js

@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.17.1',
-  gatewayClient: '0.18.1',
+  macClient: '0.17.2',
+  gatewayClient: '0.18.2',
   gatewayBackend: '0.18.0',
 });
 

src/web/components/DevicesPanel.jsx

@@ -574,7 +574,7 @@ export function DevicesPanel({ open, panelRef, closeRef, onClose }) {
                   </form>
                 ) : (
                   <>
-                    <h3 className="client-device-name-heading">
+                    <h3 className={`client-device-name-heading${hasName ? '' : ' is-address-only'}`}>
                       {hasName && <button
                         className="client-device-alias-trigger"
                         type="button"

src/web/styles.css

@@ -949,10 +949,6 @@ p {
   padding: 11px 0 0;
 }
 
-.client-device-main:has(.client-device-edit-wrap) {
-  padding-right: 27px;
-}
-
 .client-device-main > h3 {
   height: 23px;
   flex: 1 1 auto;
@@ -968,6 +964,10 @@ p {
   white-space: nowrap;
 }
 
+.client-device-main > h3.is-address-only {
+  flex: 0 1 auto;
+}
+
 .client-device-alias-trigger,
 .client-device-ip {
   min-width: 0;
@@ -1044,9 +1044,7 @@ p {
 }
 
 .client-device-edit-wrap {
-  position: absolute;
-  right: 0;
-  bottom: 0;
+  flex: 0 0 23px;
   width: 23px;
   height: 23px;
   opacity: 0.34;