fix: minor styling fixes

Author: devvaannsh

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -28,8 +28,7 @@
  * modules should define a single function that returns an object of all
  * exported functions.
  */
-function RemoteFunctions(config) {
-
+function RemoteFunctions(config = {}) {
     // this will store the element that was clicked previously (before the new click)
     // we need this so that we can remove click styling from the previous element when a new element is clicked
     let previouslyClickedElement = null;
@@ -1494,7 +1493,7 @@ function RemoteFunctions(config) {
 
                 .id-name,
                 .class-name {
-                    margin-top: 2px;
+                    margin-top: 3px;
                 }
 
                 .exceeded-classes {

src/LiveDevelopment/main.js

@@ -47,6 +47,7 @@ define(function main(require, exports, module) {
 
 
     // this is responsible to make the advanced live preview features active or inactive
+    // @abose (make this variable false when not a paid user, everything rest is handled automatically)
     let isLPEditFeaturesActive = true;
 
     const EVENT_LIVE_HIGHLIGHT_PREF_CHANGED = "liveHighlightPrefChange";

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

@@ -98,7 +98,6 @@
     display: flex;
     align-items: center;
     margin-right: 4px;
-    margin-left: 4px;
     max-width: 80%;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -111,7 +110,7 @@
     color: #a0a0a0;
     font-size: 14px;
     font-weight: normal;
-    padding: 0 0.75em;
+    padding: 0 0.35em;
 }
 
 #livePreviewModeBtn:hover {