Refactor CSS styles for better readability

g-h-anna · web-flow · commit 218af9c2135d · 2026-01-19T11:35:05.000+01:00
diff --git a/index.html b/index.html
@@ -16,27 +16,42 @@
   <link rel="stylesheet" href="style.css" />
 
   <style>
-    .publication-title {
-      font-family: "Google Sans", "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
-      font-weight: 700;
-    }
-
-    .section-tight {
-      padding-top: 1.25rem;
-      padding-bottom: 1.25rem;
-    }
-
-    .content-max {
-      max-width: 860px;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    pre code {
-      background: transparent !important;
-      color: inherit !important;
-    }
-  </style>
+  .publication-title {
+    font-family: "Google Sans", "Noto Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
+    font-weight: 700;
+  }
+
+  .section-tight {
+    padding-top: 1.25rem;
+    padding-bottom: 1.25rem;
+  }
+
+  .content-max {
+    max-width: 860px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  pre code {
+    background: transparent !important;
+    color: inherit !important;
+  }
+    
+  #paper-info pre {
+    background: #f5f5f5 !important;
+    color: #111 !important;
+    border: 1px solid #e5e5e5;
+    padding: 1rem;
+    border-radius: 8px;
+    overflow-x: auto;
+  }
+
+  #paper-info pre code {
+    background: transparent !important;
+    color: inherit !important;
+  }
+</style>
+
 </head>
 
 <body>
