From 3d12fc4db7734326db3a93502220831caed7fdb1 Mon Sep 17 00:00:00 2001
From: olebeck <31539311+olebeck@users.noreply.github.com>
Date: Mon, 19 Sep 2022 23:12:54 +0200
Subject: [PATCH] header

---
 header.php |  2 +-
 style.css  | 46 ++++++++++++++++++++++++----------------------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/header.php b/header.php
index e79fbc5..cb99d4a 100755
--- a/header.php
+++ b/header.php
@@ -103,7 +103,7 @@
 
 		<meta charset="utf-8">
 		<meta name="robots" content="all">
-		<meta name="viewport" content="width=1000; user-scalable=0;"/>
+		<meta name="viewport" content="width=1000, user-scalable=0"/>
 		<meta name="Description" content="<?php echo $descsocial?>"/>
 
 		<meta property="og:image" content="<?php echo $image ?>"/>
diff --git a/style.css b/style.css
index c155e72..fe1b191 100755
--- a/style.css
+++ b/style.css
@@ -11,12 +11,7 @@
       font-weight: bold;
       float: left;
       height: 40px;
-  }
-
-  .sitename > span {
-    height: 100%;
-    display: inline-block;
-    position: absolute;
+      display: flex;
   }
   
   .sitemap {
@@ -69,6 +64,8 @@
       background-color: #00CCCC;
       z-index: 10;
       position: relative;
+      display: flex;
+      justify-content: space-between;
   }
   
   
@@ -163,7 +160,8 @@
   
   .psm-game > img{
       float: left;
-      margin-right:0.5rem;
+      margin: auto 0.5rem auto 0.5rem;
+      border-radius: 10px;
   }
   
   .psm-game a:link, a:visited{
@@ -178,24 +176,23 @@
       text-decoration: underline;
   }
   
-  
   .psm-game{
     display: flex;
 
-      padding: 5px;
-      width: 20%;
-      min-width: 400px;
-      height: 150px;
-      margin: 10px;
-      background-color: #0094ff;
-      color: white;
-      border-radius: 5px;
-      text-align: left;
-      
-      overflow: hidden;
-      white-space: nowrap;
-      vertical-align: middle;
-      text-decoration: none;
+    padding: 5px;
+    width: 20%;
+    min-width: 400px;
+    height: 150px;
+    margin: 10px;
+    background-color: #0094ff;
+    color: white;
+    border-radius: 10px;
+    text-align: left;
+    
+    overflow: hidden;
+    white-space: nowrap;
+    vertical-align: middle;
+    text-decoration: none;
   }
   
   .psm-game:hover{
@@ -206,11 +203,16 @@
   .psm-game-info {
     display: flex;
     flex-direction: column;
+    margin-top: 0.5rem;
   }
 
   .psm-game-info > object > a {
     padding-left: 4px;
   }
+
+  .psm-game-info > table {
+    display: block;
+  }
   
   .psm-meta {
     backdrop-filter: blur(10px);