fix: better styling for the resize ruler button in the toolbar

Author: devvaannsh

src/extensionsIntegrated/Phoenix-live-preview/live-preview.css

@@ -5,7 +5,7 @@
 .live-preview-browser-btn {
     opacity: 0;
     visibility: hidden;
-    transition: opacity 1s, visibility 0s linear 1s; /* Fade-out effect */
+    transition: opacity 1s, visibility 0s linear 1s; 
 }
 
 #live-preview-plugin-toolbar {
@@ -101,7 +101,7 @@
     opacity: 0;
     color: #a0a0a0;
     visibility: hidden;
-    transition: opacity 1s, visibility 0s linear 1s; /* Fade-out effect */
+    transition: opacity 1s, visibility 0s linear 1s; 
     width: 30px;
     height: 22px;
     padding: 1px 6px;
@@ -124,15 +124,16 @@
 }
 
 .lp-device-size-icon {
-    min-width: fit-content;
     display: flex;
     align-items: center;
+    justify-content: center;
+    width: 20px;
     cursor: pointer;
     background: transparent;
     box-shadow: none !important;
     border: none;
     color: #a0a0a0;
-    padding: 0 0.35em;
+    padding: 0;
     margin: 0;
 }
 
@@ -282,7 +283,6 @@
     color: #fff;
 }
 
-/* Persistent cursor-sync highlight on CM line corresponding to md viewer cursor */
 .cm-cursor-sync-highlight {
     background-color: rgba(100, 150, 255, 0.18) !important;
 }

src/nls/root/strings.js

@@ -524,7 +524,7 @@ define({
     "LIVE_DEV_IMAGE_FOLDER_DIALOG_REMEMBER": "Don't ask again for this project",
     "AVAILABLE_IN_PRO_TITLE": "Available in Phoenix Pro",
     "DEVICE_SIZE_LIMIT_MESSAGE": "See how your page looks on phones, tablets, desktops, and your CSS breakpoints. Upgrade to Phoenix Pro.",
-    "DEVICE_SIZE_NOT_ENOUGH_SPACE": "Not enough space in the editor window for this screen size. Try zooming out.",
+    "DEVICE_SIZE_NOT_ENOUGH_SPACE": "Not enough space for this screen size - try zooming out",
     "DEVICE_SIZE_CYCLE_TOOLTIP": "Switch between mobile, tablet, and desktop",
     "DEVICE_SIZE_DROPDOWN_TOOLTIP": "All device sizes",
     "MD_EDIT_UPSELL_MESSAGE": "Write Markdown like a document. {APP_NAME} handles the formatting so you can stay focused on writing.",