CSS update for html checks

src/resources/style.css

@@ -43,7 +43,7 @@ ul.shapeShiftBar li{
   line-height: 60px;
   display: inline-block;
   position: relative;
-  padding-inline: 2em;
+  padding: 2em;
 }
 
 ul.shapeShiftBar li:hover{
@@ -75,7 +75,7 @@ ul.shapeShiftBar li:hover > a{
   display: none;
   line-height: 60px;
   position: relative;
-  padding-inline: 2em;
+  padding: 2em;
 }
 
 ul.mobileBar li:hover > a{
@@ -205,10 +205,11 @@ a[href^="mailto"] {
 @media only screen and (max-width: 830px) {
 
   .mainContent{
-    width: 100%;
+    width: 96%;
   }
 
   aside {
+    width: 96%;
     float: left;
   } 
 
@@ -237,6 +238,10 @@ a[href^="mailto"] {
     display: block;
   }
 
+  .SpinLogo {
+    padding: 15px;
+  }
+
 }
 
 @media print {

src/statComponents/TopNavBar.js

@@ -8,7 +8,7 @@ const TopNavBar = () => {
         <div className="topNavBar">
             <ul className="topBar">
                 <li>
-                    <Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="60px"/></Link>
+                    <Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="60"/></Link>
                 </li>
                 <li>
                     <ul className="shapeShiftBar">
@@ -34,13 +34,11 @@ const TopNavBar = () => {
                 <li>
                     <ul className="mobileBar">
                         <li className="dropdown">
-                            <h3>
+                                <svg viewBox="0 0 100 80" width="40" height="40">
-                                <svg viewBox="0 0 100 80" width="40" height="40" alt="Menu">
                                 <rect width="100" height="20" fill="#4b423c"></rect>
                                 <rect y="30" width="100" height="20" fill="#4b423c"></rect>
                                 <rect y="60" width="100" height="20" fill="#4b423c"></rect>
                                 </svg>
-                            </h3>
                             <ul className="dropdownContent">
                                 <li><Link to="/o-seznamovaku"><h3>Seznamováky</h3></Link></li>
                                 <li><Link to="/vecirky"><h3>Večírky</h3></Link></li>