From 5eb89f9f7927b8334399036fe5a34147477adc6b Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Sat, 12 Aug 2023 13:40:14 +0300
Subject: [PATCH] Minor style fixes

---
 src/components/Editor/SimplifiedEditor.module.scss | 1 +
 src/components/Feed/ArticleCard.module.scss        | 2 +-
 src/components/Nav/Header.module.scss              | 9 ++++++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Editor/SimplifiedEditor.module.scss b/src/components/Editor/SimplifiedEditor.module.scss
index df85659b..a48b531d 100644
--- a/src/components/Editor/SimplifiedEditor.module.scss
+++ b/src/components/Editor/SimplifiedEditor.module.scss
@@ -52,6 +52,7 @@
   .controls {
     margin-top: auto;
     display: flex;
+    flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
     position: relative;
diff --git a/src/components/Feed/ArticleCard.module.scss b/src/components/Feed/ArticleCard.module.scss
index 35195a03..585a3175 100644
--- a/src/components/Feed/ArticleCard.module.scss
+++ b/src/components/Feed/ArticleCard.module.scss
@@ -776,6 +776,6 @@
   margin-bottom: 0.4rem !important;
 }
 
-.shoutCardNoImage {
+.shoutCardNoImage:not(.shoutCardFeed) {
   background: rgb(0 0 0 / 50%);
 }
diff --git a/src/components/Nav/Header.module.scss b/src/components/Nav/Header.module.scss
index c78ce888..6c6c59bb 100644
--- a/src/components/Nav/Header.module.scss
+++ b/src/components/Nav/Header.module.scss
@@ -103,13 +103,12 @@
   @include media-breakpoint-down(md) {
     flex: 1 !important;
     max-width: 100% !important;
-    padding-right: 0 !important;
+    padding: 0 !important;
   }
 }
 
 .mainNavigationWrapper {
   @include font-size(1.7rem);
-
   position: relative;
 
   @include media-breakpoint-down(md) {
@@ -176,7 +175,7 @@
 .burgerContainer {
   box-sizing: content-box;
   display: inline-flex;
-  float: right;
+  //float: right;
   padding-left: 0;
 
   @include media-breakpoint-up(sm) {
@@ -435,6 +434,10 @@
 .userControlItemVerbose {
   margin-left: 1.2em !important;
 
+  &:first-child {
+    margin-left: 0 !important;
+  }
+
   &:global(.loginbtn) {
     .icon {
       height: 2.4rem;