Adjusted table stylings and word-breaking

1 files changed, 14 insertions, 4 deletions

diff --git a/src/styles.css b/src/styles.css
index 6bedaa1..8bbb254 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -259,6 +259,10 @@ h2 + p img, h3 + p img, h4 + p img, h5 + p img, h6 + p img, .about-p img, .file-
   #index-contents-img {
     max-width: 32%;
   }
+
+  article > table td, article > table th {
+    word-break: normal !important;
+  }
 }
 
 #index-list {
@@ -329,7 +333,7 @@ article > table:nth-child(5) td:first-child {
 
 article > table td:not(:empty) {
   padding: 0.5em;
-  word-break: break-word;
+  word-break: break-all;
 }
 
 article > table th:not(:empty) {
@@ -337,6 +341,7 @@ article > table th:not(:empty) {
   padding: 0.25em;
   font-weight: 600;
 }
+
 article > table code {
   font-size: 0.7em;
 }
@@ -378,12 +383,17 @@ blockquote > :last-child {
   table-layout: auto;
   border-collapse: collapse;
   margin-left: 1.5em;
-  width: calc(100% - 1.5em);
+  width: auto;
+  margin-top: -0.9em;
 }
 
-.file-list * {
+.file-list td, .file-list tr {
   border: none;
-  padding: 0;
+  padding: 0.2em 0.4em !important;
+}
+
+.file-list tr > td:first-child {
+  padding: 0.2em 0 0.2em 0.2em !important;
 }
 
 /* Syntax highlighting (colours are inspired from gruvbox) */