Simplified and improved index page styling

1 files changed, 17 insertions, 19 deletions

diff --git a/src/styles.css b/src/styles.css
index c8a3133..f324668 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -423,18 +423,20 @@ dd code {
 /* Index page styling */
 
 #index-contents {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  width: 100%;
+  padding: 0 1em;
+  box-sizing: border-box;
+  min-height: 7.6em;
 }
 
 #index-contents-text {
-  margin-left: 15px;
-  max-width: 77%;
+  float: none;
 }
 
 #index-contents-img {
-  max-width: 16%;
+  max-width: 7.6em;
+  float: left;
+  margin-right: 1em;
 }
 
 #index-list {
@@ -458,6 +460,15 @@ dd code {
     flex-direction: column;
   }
 
+  #index-contents {
+    padding: 0;
+    min-height: 4.38em;
+  }
+
+  #index-contents-img {
+    max-width: 4.38em;
+  }
+
   .sidebar {
     max-width: initial;
     margin-right: 8px;
@@ -469,19 +480,6 @@ dd code {
     display: none;
   }
 
-  #index-contents {
-    display: initial;
-  }
-
-  #index-contents-text {
-    margin: 0;
-    max-width: inherit;;
-  }
-
-  #index-contents-img {
-    max-width: calc(100vw - 16px - 3px - 0.8em);
-  }
-
   table td, table th {
     word-break: break-all;
   }