From 256f5a00a37c2e7662aed59bdf790f4642440587 Mon Sep 17 00:00:00 2001
From: Egor Savkin <es@m-labs.hk>
Date: Fri, 18 Aug 2023 17:34:52 +0800
Subject: [PATCH] Adjust styles

Signed-off-by: Egor Savkin <es@m-labs.hk>
---
 sass/css/_shop.scss           | 11 +++++++++--
 static/js/shop.jsx            |  2 +-
 static/js/shop_components.jsx |  3 +--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/sass/css/_shop.scss b/sass/css/_shop.scss
index f930679..637ad6c 100644
--- a/sass/css/_shop.scss
+++ b/sass/css/_shop.scss
@@ -512,10 +512,13 @@ button {
                         top: 0;
                         width: 100%;
                         min-height: 70px;
+                        max-height: 350px;
+                        overflow-y: scroll;
                         position: absolute;
                         display: flex;
-                        align-items: center;
-                        justify-content: center;
+                        align-items: start;
+                        justify-content: left;
+                        text-align: left;
                         background-color: white;
                         color: black;
                         flex-direction: column;
@@ -525,6 +528,10 @@ button {
                             font-size: .65rem;
                             margin: 0;
                         }
+
+                        div {
+                            margin: 0 0.2rem;
+                        }
                     }
 
                 }
diff --git a/static/js/shop.jsx b/static/js/shop.jsx
index 698a8c7..bbf2c3f 100644
--- a/static/js/shop.jsx
+++ b/static/js/shop.jsx
@@ -715,7 +715,7 @@ class ProductCartItem extends React.PureComponent {
 
               {options ? (
                   <div
-                      style={{'display': (model.showOverlayRemove && options) ? 'flex' : 'none'}}
+                      style={{'display': model.showOverlayRemove ? 'flex' : 'none'}}
                       className="overlayVariant">
 
                     <ProcessOptions
diff --git a/static/js/shop_components.jsx b/static/js/shop_components.jsx
index f3be9d3..dca4728 100644
--- a/static/js/shop_components.jsx
+++ b/static/js/shop_components.jsx
@@ -143,7 +143,7 @@ class Line extends Component {
     render() {
         let key = this.props.id + this.props.outvar;
         return (
-            <div className="shop-switch" key={this.props.id}>
+            <div className="shop-line" key={this.props.id}>
                 <label htmlFor={key} className="form-label">{this.props.title}: </label>
                 <input type="email" className="form-control" id={key} onChange={this.handleClick}
                        value={this.state.text}/>
@@ -197,7 +197,6 @@ class SwitchLine extends Component {
         let key = this.props.id + this.props.outvar;
         return (
             <div className="shop-switch-line" key={this.props.id}>
-
                 <div className="form-check form-switch" key={key}>
                     <input
                         className="form-check-input"