Minor fixes

src/components/Feed/ArticleCard.module.scss

@@ -699,11 +699,11 @@
 .shoutCardShort {
   font-size: 1.4rem;
   margin-bottom: 0;
+  position: static;
 
   .shoutCardTitle,
   .shoutCardSubtitle {
     @include font-size(1.8rem);
-
     display: inline;
   }
 

src/components/Feed/Beside.module.scss

@@ -25,6 +25,7 @@
       line-height: 1;
       margin-bottom: 1.5rem;
       padding-bottom: 1.5rem;
+      position: relative;
 
       &:last-child {
         border: none;

src/components/Nav/Header/Header.module.scss

@@ -127,7 +127,6 @@
   font-size: 1.4rem !important;
   //margin: 0 0 0 -0.4rem !important;
   opacity: 1;
-  overflow: auto;
   transition: opacity 0.3s;
 
   @include media-breakpoint-down(md) {
@@ -137,6 +136,7 @@
     font-size: 2.6rem;
     font-weight: 500;
     left: 0;
+    overflow: auto;
     padding: $container-padding-x !important;
     position: fixed;
     top: 64px;

src/components/Nav/Header/Header.tsx

@@ -382,6 +382,15 @@ export const Header = (props: Props) => {
             onMouseOut={hideSubnavigation}
           >
             <ul class="nodash">
+              <li class="item">
+                <a href="/expo/image">Искусство</a>
+              </li>
+              <li class="item">
+                <a href="/podcasts">Подкасты</a>
+              </li>
+              <li class="item">
+                <a href="">Спецпроекты</a>
+              </li>
               <li>
                 <a href="/topic/interview">#Интервью</a>
               </li>

src/components/Nav/Topics.tsx

@@ -8,6 +8,15 @@ export const NavTopics = () => {
   return (
     <nav class="subnavigation wide-container text-2xl">
       <ul class="topics">
+        <li class="item">
+          <a href="/expo/image">Искусство</a>
+        </li>
+        <li class="item">
+          <a href="/podcasts">Подкасты</a>
+        </li>
+        <li class="item">
+          <a href="">Спецпроекты</a>
+        </li>
         <li class="item">
           <a href="/topic/interview">#Интервью</a>
         </li>

src/styles/app.scss

@@ -633,6 +633,10 @@ figure {
       border-bottom: 2px solid #000;
       color: #000;
       cursor: default;
+
+      &:hover {
+        color: #fff;
+      }
     }
   }
 }