css changes

1dancook · Jan 2, 2024 · 53ec8bb · 53ec8bb
1 parent c8c5651
commit 53ec8bb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 15 deletions.
diff --git a/_posts/2024-01-02-quakes.md b/_posts/2024-01-02-quakes.md
@@ -86,20 +86,7 @@ quakes.head()
 ```
 
 
-<div>
-<style scoped>
-    .dataframe tbody tr th:only-of-type {
-        vertical-align: middle;
-    }
-
-    .dataframe tbody tr th {
-        vertical-align: top;
-    }
-
-    .dataframe thead th {
-        text-align: right;
-    }
-</style>
+<div class="dataframe-container">
 <table border="1" class="dataframe">
   <thead>
     <tr style="text-align: right;">
@@ -245,7 +232,7 @@ ishikawa_quakes.mag.plot(
 
 ```
 
-![png](/assets/2024_01_02_ishikawa_quake_magnitude.png)
+![png]({site.url}/assets/2024_01_02_ishikawa_quake_magnitude.png)
 
 
 It's important to consider the depth of the earthquakes as well, but I was mostly curious to just plot the magnitude and see how many quakes there were.

diff --git a/public/css/hyde.css b/public/css/hyde.css
@@ -258,3 +258,26 @@ a.sidebar-nav-item:focus {
 .theme-tailwind .related-posts li a:hover {
   color: #1e293b;
 }
+
+
+/* ----------------------- */
+
+div.dataframe-container {
+    width: 100%;
+    overflow-x: auto;
+}
+
+.dataframe tbody tr th:only-of-type {
+    vertical-align: middle;
+}
+
+.dataframe tbody tr th {
+    vertical-align: top;
+}
+
+.dataframe thead th {
+    text-align: right;
+}
+.dataframe {
+    font-size: 0.7em;
+}