Fix alignment issues due to errant padding

Corofides · Oct 26, 2023 · c001eb6 · c001eb6
1 parent b9ffa3d
commit c001eb6
Show file tree

Hide file tree

Showing 14 changed files with 41 additions and 26 deletions.
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,15 +1,15 @@
 {
   "files": {
-    "main.css": "/Shimmer/static/css/main.26385b54.css",
-    "main.js": "/Shimmer/static/js/main.ace9f61d.js",
+    "main.css": "/Shimmer/static/css/main.94fe4876.css",
+    "main.js": "/Shimmer/static/js/main.50346afb.js",
     "static/js/787.f3470a97.chunk.js": "/Shimmer/static/js/787.f3470a97.chunk.js",
     "index.html": "/Shimmer/index.html",
-    "main.26385b54.css.map": "/Shimmer/static/css/main.26385b54.css.map",
-    "main.ace9f61d.js.map": "/Shimmer/static/js/main.ace9f61d.js.map",
+    "main.94fe4876.css.map": "/Shimmer/static/css/main.94fe4876.css.map",
+    "main.50346afb.js.map": "/Shimmer/static/js/main.50346afb.js.map",
     "787.f3470a97.chunk.js.map": "/Shimmer/static/js/787.f3470a97.chunk.js.map"
   },
   "entrypoints": [
-    "static/css/main.26385b54.css",
-    "static/js/main.ace9f61d.js"
+    "static/css/main.94fe4876.css",
+    "static/js/main.50346afb.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/Shimmer/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/Shimmer/logo192.png"/><link rel="manifest" href="/Shimmer/manifest.json"/><title>React App</title><script defer="defer" src="/Shimmer/static/js/main.ace9f61d.js"></script><link href="/Shimmer/static/css/main.26385b54.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/Shimmer/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/Shimmer/logo192.png"/><link rel="manifest" href="/Shimmer/manifest.json"/><title>React App</title><script defer="defer" src="/Shimmer/static/js/main.50346afb.js"></script><link href="/Shimmer/static/css/main.94fe4876.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/docs/static/css/main.26385b54.css b/docs/static/css/main.26385b54.css
diff --git a/docs/static/css/main.26385b54.css.map b/docs/static/css/main.26385b54.css.map
diff --git a/docs/static/css/main.94fe4876.css b/docs/static/css/main.94fe4876.css
diff --git a/docs/static/css/main.94fe4876.css.map b/docs/static/css/main.94fe4876.css.map
diff --git a/docs/static/js/main.ace9f61d.js → docs/static/js/main.50346afb.js b/docs/static/js/main.ace9f61d.js → docs/static/js/main.50346afb.js
diff --git a/docs/static/js/main.ace9f61d.js.LICENSE.txt → docs/static/js/main.50346afb.js.LICENSE.txt b/docs/static/js/main.ace9f61d.js.LICENSE.txt → docs/static/js/main.50346afb.js.LICENSE.txt
diff --git a/docs/static/js/main.ace9f61d.js.map → docs/static/js/main.50346afb.js.map b/docs/static/js/main.ace9f61d.js.map → docs/static/js/main.50346afb.js.map
diff --git a/src/App.js b/src/App.js
@@ -27,14 +27,12 @@ function App() {
   return (
     <div className="Post">
       <Page>
-        <div className={"Content"}>
-          <div className={"BlockPage"}>
-            {posts.map(({name, author, date_published}) => {
-              return (
-                <PostPreview name={name} author={author} date_published={date_published} />
-              )
-            })}
-          </div>
+        <div className={"BlockPage"}>
+          {posts.map(({name, author, date_published}) => {
+            return (
+              <PostPreview name={name} author={author} date_published={date_published} />
+            )
+          })}
         </div>
       </Page>
     </div>

diff --git a/src/App.scss b/src/App.scss
@@ -11,9 +11,6 @@ html, body, #root {
   grid-template-rows: auto;
   column-gap: 16px;
   row-gap: 16px;
-  padding: 16px;
   width: 100%;
-  max-width: 1920px;
-  margin: 0 auto;
 }
 
diff --git a/src/Page/Page.js b/src/Page/Page.js
@@ -8,7 +8,11 @@ export default ({children}) => {
   return (
     <div className={"Page"}>
       <SiteHeader />
-      {children}
+      <div className={"PageContent"}>
+        <div className={"Content"}>
+          {children}
+        </div>
+      </div>
       <SiteFooter />
     </div>
   )

diff --git a/src/Page/Page.scss b/src/Page/Page.scss
@@ -8,4 +8,16 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+}
+
+.PageContent {
+  width: 100%;
+  padding: 16px;
+  box-sizing: border-box;
+
+  .Content {
+    box-sizing: border-box;
+    max-width: 1920px;
+    margin: 0 auto;
+  }
 }
diff --git a/src/SiteHeader/SiteHeader.scss b/src/SiteHeader/SiteHeader.scss
@@ -28,6 +28,10 @@ nav {
     text-decoration: none;
     color: $glimmering-silver;
 
+    &:last-of-type {
+      padding-right: 0;
+    }
+
   }
 
 }