styling adjustments

saucelabs · Aug 11, 2024 · 960af64 · 960af64
1 parent ab6170a
commit 960af64
Show file tree

Hide file tree

Showing 7 changed files with 23 additions and 15 deletions.
diff --git a/src/Components/Common/Button.styles.scss b/src/Components/Common/Button.styles.scss
@@ -15,6 +15,7 @@
   border-radius: $border-radius-base;
   background: $white-100;
   color: $brand-primary-gray;
+  outline: none;
 
   &:hover {
     background: $bg-blue-50;

diff --git a/src/Components/Common/Tooltip/Tooltip.styles.scss b/src/Components/Common/Tooltip/Tooltip.styles.scss
@@ -13,7 +13,7 @@
     color: $white-100;
     font-size: $font-size-small;
     padding: $size-xs $size-xs-s;
-    border: $border;
+    border: 1px solid $brand-primary-dark-gray;
     border-radius: $border-radius-base;
 
     overflow-y: auto;

diff --git a/src/Components/NetworkTable/NetworkTable.styles.scss b/src/Components/NetworkTable/NetworkTable.styles.scss
@@ -1,5 +1,11 @@
 @import "./../../styles/variables.scss";
 
+.network-table-body {
+  outline: none;
+  border-top: $border;
+}
+
+
 .network-table-header {
   display: flex;
   width: 100%;
@@ -8,7 +14,6 @@
   font-size: $font-size-small;
   font-weight: 700;
   text-transform: uppercase;
-  border-bottom: $border;
   color: $brand-primary-gray;
   align-content: center;
 

diff --git a/src/Components/NetworkTable/NetworkTableBody.jsx b/src/Components/NetworkTable/NetworkTableBody.jsx
@@ -6,6 +6,7 @@ import { useNetwork } from '../../state/network/Context';
 import NetworkTableRow from './NetworkTableRow';
 import { TABLE_ENTRY_HEIGHT } from '../../constants';
 import { useResizeObserver } from '../../hooks/useResizeObserver';
+import Styles from './NetworkTable.styles.scss';
 
 /* eslint no-underscore-dangle: 0 */
 
@@ -66,6 +67,7 @@ const NetworkTableBody = ({ height }) => {
     <>
       <FixedSizeList
         ref={ref}
+        className={Styles['network-table-body']}
         height={height}
         itemCount={data.size}
         itemData={{

diff --git a/src/Containers/MainContainer.styles.scss b/src/Containers/MainContainer.styles.scss
@@ -12,4 +12,5 @@
   height: 100%;
   width: 100%;
   overflow: auto;
+  outline: none;
 }
diff --git a/src/Containers/ReqDetailContainer.styles.scss b/src/Containers/ReqDetailContainer.styles.scss
@@ -41,10 +41,12 @@ $tab-height: 35px;
     background: transparent;
     border: 0;
     outline: none;
+    padding-top: $size-xs;
 
     .close-icon {
-      height: $size-xs-s;
-      width: $size-xs-s;
+      fill: $brand-primary-gray;
+      height: $size-s;
+      width: $size-s;
 
       g {
         stroke: $white-33;

diff --git a/src/icons/IconCloseSign.jsx b/src/icons/IconCloseSign.jsx
@@ -4,19 +4,16 @@ import PropTypes from 'prop-types';
 const IconCloseSign = ({ className }) => (
   <svg
     className={className}
-    height="16"
-    viewBox="0 0 17 16"
-    width="17"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+    xmlns="http://www.w3.org/2000/svg"
   >
-    <g
-      fill="none"
+    <path
+      clipRule="evenodd"
+      d="M3.33792 3.33794C3.82607 2.84979 4.61753 2.84979 5.10569 3.33794L12 10.2322L18.8943 3.33794C19.3824 2.84979 20.1739 2.84979 20.662 3.33794C21.1502 3.8261 21.1502 4.61755 20.662 5.10571L13.7677 12L20.662 18.8943C21.1502 19.3824 21.1502 20.1739 20.662 20.6621C20.1739 21.1502 19.3824 21.1502 18.8943 20.6621L12 13.7678L5.10569 20.6621C4.61753 21.1502 3.82607 21.1502 3.33792 20.6621C2.84976 20.1739 2.84976 19.3824 3.33792 18.8943L10.2322 12L3.33792 5.10571C2.84976 4.61755 2.84976 3.8261 3.33792 3.33794Z"
       fillRule="evenodd"
-      stroke="#ACB2B8"
-      strokeLinecap="round"
-      transform="translate(1)"
-    >
-      <path d="M0 0L15.2460858 15.2460858M15.2460858 0L0 15.2460858" />
-    </g>
+    />
   </svg>
 );