-
+
diff --git a/static/assets/sass/components/_navbar.scss b/static/assets/sass/components/_navbar.scss
index 4ce9ca411e..85801ed6d9 100644
--- a/static/assets/sass/components/_navbar.scss
+++ b/static/assets/sass/components/_navbar.scss
@@ -63,10 +63,7 @@
justify-content: space-between;
.ac-searchbar {
- width: 35%;
- @media (min-width: 1408px) and (max-width: 1600px) {
- width: 30%;
- }
+ width: 49%;
}
}
@@ -197,7 +194,7 @@
background-color: transparent;
cursor: pointer;
margin: 0;
- padding: 0.5rem;
+ padding: 0.5rem 0;
transition: 0.3s ease-in-out;
position: relative;
z-index: 1;
diff --git a/static/assets/sass/components/_product-hero-area.scss b/static/assets/sass/components/_product-hero-area.scss
index b84d3b61bc..167630bcaf 100644
--- a/static/assets/sass/components/_product-hero-area.scss
+++ b/static/assets/sass/components/_product-hero-area.scss
@@ -399,7 +399,7 @@
.social-prove-brand-area {
.brand-image-wrapper {
- padding: 30px 0;
+ padding: 16px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
@@ -407,6 +407,11 @@
width: 100%;
.single-brand {
+ border: 1px solid $ac-white-light;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ padding: 12px 24px;
img {
max-height: 2rem;
filter: grayscale(1);
@@ -480,7 +485,7 @@ Responsive Classes
.social-prove-brand-area {
.brand-image-wrapper {
- padding: 30px 0;
+ padding: 16px 0;
padding-bottom: 0px;
justify-content: center;
@@ -547,10 +552,6 @@ Responsive Classes
.social-prove-brand-area {
.brand-image-wrapper {
justify-content: center;
-
- .single-brand {
- padding: 0 10px;
- }
}
}
}
@@ -569,7 +570,7 @@ Responsive Classes
}
.social-prove-brand-area {
.brand-image-wrapper {
- padding: 30px 0;
+ padding: 16px 0;
}
}
.hero-area-code-editor {