diff --git a/header.php b/header.php
index e79fbc5..cb99d4a 100755
--- a/header.php
+++ b/header.php
@@ -103,7 +103,7 @@
-
+
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);