Add github logo, improve menu small width, improve mobile view

Author: ThomasFarstrike

src/images/github-mark-white.svg

@@ -130,35 +130,26 @@ header .logo {
     display: inline-block;
     position: relative;
     top: -1em;
-    width: 50%;
+    width: 71%; /* 100% - 4% margin - 25% logo */
 }
 
 .menuitem {
     display: inline-block;
     text-align: center;
-    width: 23.75%; /* (100% - 5% margin) / 4 items */
+    padding-left: 4%;
 }
 
 .menuitem a {
     color: #CAE2E9;
     font-weight: bold;
     text-decoration: none;
-    padding: 1em 2em 1em 2em;
 }
 
 .menuitem a:hover {
     color: #fff;
     transition: all 0.2s linear;
 }
 
-.builtwith {
-    display: inline-block;
-    position: relative;
-    top: -1em;
-    text-align: right;
-    width: 20%;
-}
-
 #column1 {
     border-right: solid;
 }
@@ -244,22 +235,14 @@ img.headericon {
 
 .pearslogo {
     position: relative;
-    width: 2em;
+    width: 2.5em;
     top: 0.6em;
 }
 
-.contactticketform {
-    border:none;
-}
-
-.coverremotecontrol {
-    display: none;
-    z-index: 1;
-    width: 100%;
-    position: absolute;
-    height: 40%;
-    background-color: #333333b3;
-    left: 0;
+.githublogo {
+    position: relative;
+    width: 2em;
+    top: 0.3em;
 }
 
 .bigbutton.downloadbutton {
@@ -334,5 +317,5 @@ img.headericon {
 }
 
 .twocolumns {
-    width: 40%;
+    width: 45%;
 }

src/index.css

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <title>PeerViewer - peer-to-peer remote desktop and support solution, completely free for unlimited personal and commercial use.</title>
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
     <meta property="og:title" content="PeerViewer" />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://PeerViewer.org/" />
@@ -28,8 +28,8 @@
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,1)">Features</a></div>
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,5)">About</a></div>
                <div class="menuitem"><a href="#" class="menubutton" onclick="menuChange(event,4)">Contact&nbsp;and&nbsp;Donate</a></div>
+	       <div class="menuitem">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a> <a href="https://github.com/PeerViewer/"  target="_blank"><img class="githublogo" src="../images/github-mark-white.svg"></a></div>
            </div>
-	   <div class="builtwith">© 2024 Built with<a href="https://pears.com/" target="_blank"><img class="pearslogo" src="../images/pears-logo.svg"></a></div>
         </header>
         <div class="main-content" id="content6">
 	     <div class="twocolumns column1">