css changes

Author: jedan2506

gui/public/icons/browser_icon_dark.svg

@@ -25,7 +25,7 @@
   display: flex;
   flex-direction: row;
   gap: 4px;
-  padding: 8px;
+  padding: 4px;
   border-bottom: 1px solid var(--white-opacity-8);
   cursor: pointer;
 }
@@ -38,8 +38,20 @@
   padding: 4px 8px;
   gap: 8px;
   border-radius: 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-family: "Proxima Nova", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 17px;
+}
+
+.tab_item {
+  color: #888;
 }
 
 .tab_item_selected {
-  background: rgb(255 255 255 / 6%);
+  background: var(--white-opacity-6);
+  color: #FFFF;
 }

gui/src/components/CustomContainers/container.module.css

@@ -18,7 +18,7 @@ export default function Browser({
   return (
     <div
       id={'browser'}
-      className={'flex w-full flex-col gap-[6px] border-none'}
+      className={'flex w-full flex-col gap-1 border-none p-2'}
     >
       {showUrl && (
         <CustomInput
@@ -31,9 +31,9 @@ export default function Browser({
         />
       )}
       <div
-        className={'relative w-full overflow-hidden'}
+        className={'relative w-full overflow-hidden px-8'}
         style={{
-          height: showUrl ? 'calc(30vh)' : 'calc(35vh)',
+          height: showUrl ? 'calc(33vh)' : 'calc(35vh)',
         }}
       >
         <iframe