#RI-4217 - update styles

AmirAllayarovSofteq · AmirAllayarovSofteq · commit f4922c8e45cb · 2023-02-23T13:18:49.000+04:00
diff --git a/redisinsight/ui/src/pages/home/HomePage.tsx b/redisinsight/ui/src/pages/home/HomePage.tsx
@@ -249,7 +249,7 @@ const HomePage = () => {
                           })}
                           id="form"
                           paddingSize="none"
-                          style={{ minWidth: '545px' }}
+                          style={{ minWidth: '494px' }}
                         >
                           {editDialogIsOpen && (
                             <AddDatabaseContainer
diff --git a/redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/InstanceForm.tsx b/redisinsight/ui/src/pages/home/components/AddInstanceForm/InstanceForm/InstanceForm.tsx
@@ -423,7 +423,6 @@ const AddStandaloneForm = (props: Props) => {
       <EuiButton
         fill
         color="secondary"
-        className="btn-add"
         type="submit"
         onClick={onClick}
         disabled={submitIsDisabled}
@@ -447,7 +446,6 @@ const AddStandaloneForm = (props: Props) => {
           className="footerAddDatabase"
           gutterSize="none"
           responsive={false}
-          style={{ height: '68px' }}
         >
           <EuiFlexItem className="btn-back" grow={false}>
             {instanceType !== InstanceType.Sentinel && (
@@ -476,7 +474,7 @@ const AddStandaloneForm = (props: Props) => {
           </EuiFlexItem>
 
           <EuiFlexItem grow={false}>
-            <EuiFlexGroup>
+            <EuiFlexGroup responsive={false}>
               {onClose && (
                 <EuiButton
                   onClick={onClose}
diff --git a/redisinsight/ui/src/pages/home/components/CloudConnection/CloudConnectionForm/CloudConnectionForm.tsx b/redisinsight/ui/src/pages/home/components/CloudConnection/CloudConnectionForm/CloudConnectionForm.tsx
@@ -150,7 +150,6 @@ const CloudConnectionForm = (props: Props) => {
       <EuiButton
         fill
         color="secondary"
-        className="btn-add"
         type="submit"
         onClick={onClick}
         disabled={submitIsDisabled}
diff --git a/redisinsight/ui/src/pages/home/components/ClusterConnection/ClusterConnectionForm/ClusterConnectionForm.tsx b/redisinsight/ui/src/pages/home/components/ClusterConnection/ClusterConnectionForm/ClusterConnectionForm.tsx
@@ -218,7 +218,6 @@ const ClusterConnectionForm = (props: Props) => {
       <EuiButton
         fill
         color="secondary"
-        className="btn-add"
         type="submit"
         onClick={onClick}
         disabled={submitIsDisabled}
diff --git a/redisinsight/ui/src/pages/home/styles.scss b/redisinsight/ui/src/pages/home/styles.scss
@@ -373,14 +373,10 @@
     padding: 12px;
   }
 
-  .euiButton.btn-add {
-    padding-left: 10px;
-    padding-right: 10px;
-  }
-
   .euiButton.btn-cancel,
   .euiButton.btn-back {
-    margin-right: 20px;
+    margin-right: 10px;
+    min-width: 71px !important;
   }
 
   .flexGroupResponsiveForm {
diff --git a/redisinsight/ui/src/pages/pubSub/components/publish-message/PublishMessage.tsx b/redisinsight/ui/src/pages/pubSub/components/publish-message/PublishMessage.tsx
@@ -121,7 +121,6 @@ const PublishMessage = () => {
           <EuiButton
             fill
             color="secondary"
-            className="btn-add"
             type="submit"
             data-testid="publish-message-submit"
           >
diff --git a/redisinsight/ui/src/pages/redisCloudDatabases/RedisCloudDatabases/RedisCloudDatabases.tsx b/redisinsight/ui/src/pages/redisCloudDatabases/RedisCloudDatabases/RedisCloudDatabases.tsx
@@ -168,7 +168,6 @@ const RedisCloudDatabasesPage = ({
         onClick={handleSubmit}
         isLoading={loading}
         color="secondary"
-        className="btn-add"
         iconType={isDisabled ? 'iInCircle' : undefined}
         data-testid="btn-add-databases"
       >
diff --git a/redisinsight/ui/src/pages/redisCloudDatabasesResult/RedisCloudDatabasesResult.tsx b/redisinsight/ui/src/pages/redisCloudDatabasesResult/RedisCloudDatabasesResult.tsx
@@ -152,7 +152,6 @@ const RedisCloudDatabaseListResult = ({ columns, onBack, onView }: Props) => {
                 size="m"
                 onClick={onView}
                 color="secondary"
-                className="btn-add"
                 data-testid="btn-view-databases"
               >
                 View Databases
diff --git a/redisinsight/ui/src/pages/redisCloudSubscriptions/RedisCloudSubscriptions/RedisCloudSubscriptions.tsx b/redisinsight/ui/src/pages/redisCloudSubscriptions/RedisCloudSubscriptions/RedisCloudSubscriptions.tsx
@@ -169,7 +169,6 @@ const RedisCloudSubscriptions = ({
         onClick={handleSubmit}
         isLoading={loading}
         color="secondary"
-        className="btn-add"
         iconType={isDisabled ? 'iInCircle' : undefined}
         data-testid="btn-show-databases"
       >
diff --git a/redisinsight/ui/src/pages/redisCluster/RedisClusterDatabases.tsx b/redisinsight/ui/src/pages/redisCluster/RedisClusterDatabases.tsx
@@ -209,7 +209,6 @@ const RedisClusterDatabases = ({ columns, onClose, onBack, onSubmit }: Props) =>
                     onClick={handleSubmit}
                     isLoading={loading}
                     color="secondary"
-                    className="btn-add"
                     iconType={isSubmitDisabled() ? 'iInCircle' : undefined}
                     data-testid="btn-add-databases"
                   >
diff --git a/redisinsight/ui/src/pages/redisCluster/RedisClusterDatabasesResult.tsx b/redisinsight/ui/src/pages/redisCluster/RedisClusterDatabasesResult.tsx
@@ -157,7 +157,6 @@ const RedisClusterDatabasesResult = ({ columns, onBack, onView }: Props) => {
                 size="m"
                 onClick={() => onView(false)}
                 color="secondary"
-                className="btn-add"
                 data-testid="btn-view-databases"
               >
                 View Databases
diff --git a/redisinsight/ui/src/pages/sentinelDatabases/components/SentinelDatabases/SentinelDatabases.tsx b/redisinsight/ui/src/pages/sentinelDatabases/components/SentinelDatabases/SentinelDatabases.tsx
@@ -177,7 +177,6 @@ const SentinelDatabases = ({
         <EuiButton
           fill
           color="secondary"
-          className="btn-add"
           type="submit"
           onClick={onClick}
           disabled={isSubmitDisabled()}
diff --git a/redisinsight/ui/src/pages/sentinelDatabasesResult/components/SentinelDatabasesResult/SentinelDatabasesResult.tsx b/redisinsight/ui/src/pages/sentinelDatabasesResult/components/SentinelDatabasesResult/SentinelDatabasesResult.tsx
@@ -158,7 +158,6 @@ const SentinelDatabasesResult = ({
                 size="m"
                 onClick={handleViewDatabases}
                 color="secondary"
-                className="btn-add"
                 data-testid="btn-view-databases"
               >
                 View Databases

Original file line number	Diff line number	Diff line change
`@@ -249,7 +249,7 @@ const HomePage = () => {`
`249`	`249`	`})}`
`250`	`250`	`id="form"`
`251`	`251`	`paddingSize="none"`
`252`		`- style={{ minWidth: '545px' }}`
	`252`	`+ style={{ minWidth: '494px' }}`
`253`	`253`	`>`
`254`	`254`	`{editDialogIsOpen && (`
`255`	`255`	`<AddDatabaseContainer`
Original file line number	Diff line number	Diff line change
`@@ -121,7 +121,6 @@ const PublishMessage = () => {`
`121`	`121`	`<EuiButton`
`122`	`122`	`fill`
`123`	`123`	`color="secondary"`
`124`		`- className="btn-add"`
`125`	`124`	`type="submit"`
`126`	`125`	`data-testid="publish-message-submit"`
`127`	`126`	`>`
Original file line number	Diff line number	Diff line change
`@@ -168,7 +168,6 @@ const RedisCloudDatabasesPage = ({`
`168`	`168`	`onClick={handleSubmit}`
`169`	`169`	`isLoading={loading}`
`170`	`170`	`color="secondary"`
`171`		`- className="btn-add"`
`172`	`171`	`iconType={isDisabled ? 'iInCircle' : undefined}`
`173`	`172`	`data-testid="btn-add-databases"`
`174`	`173`	`>`
Original file line number	Diff line number	Diff line change
`@@ -152,7 +152,6 @@ const RedisCloudDatabaseListResult = ({ columns, onBack, onView }: Props) => {`
`152`	`152`	`size="m"`
`153`	`153`	`onClick={onView}`
`154`	`154`	`color="secondary"`
`155`		`- className="btn-add"`
`156`	`155`	`data-testid="btn-view-databases"`
`157`	`156`	`>`
`158`	`157`	`View Databases`
Original file line number	Diff line number	Diff line change
`@@ -169,7 +169,6 @@ const RedisCloudSubscriptions = ({`
`169`	`169`	`onClick={handleSubmit}`
`170`	`170`	`isLoading={loading}`
`171`	`171`	`color="secondary"`
`172`		`- className="btn-add"`
`173`	`172`	`iconType={isDisabled ? 'iInCircle' : undefined}`
`174`	`173`	`data-testid="btn-show-databases"`
`175`	`174`	`>`
Original file line number	Diff line number	Diff line change
`@@ -209,7 +209,6 @@ const RedisClusterDatabases = ({ columns, onClose, onBack, onSubmit }: Props) =>`
`209`	`209`	`onClick={handleSubmit}`
`210`	`210`	`isLoading={loading}`
`211`	`211`	`color="secondary"`
`212`		`- className="btn-add"`
`213`	`212`	`iconType={isSubmitDisabled() ? 'iInCircle' : undefined}`
`214`	`213`	`data-testid="btn-add-databases"`
`215`	`214`	`>`