fix(archives): at smaller screen layout does not make the best use of available space

talha131 · talha131 · commit a289e9db411b · 2020-02-02T20:35:23.000+05:00
diff --git a/static/css/elegant.css b/static/css/elegant.css
@@ -278,7 +278,7 @@ ul.list-articles-under-tag-category li {
   padding: 0.1rem 0.2rem;
 }
 div.blog-archives div {
-  margin-left: 6em;
+  margin-left: rfs(6rem);
 }
 div.blog-archives div.last-entry-of-year {
   margin-bottom: 1em;
@@ -299,6 +299,9 @@ div.recent-posts-posted {
   div.blog-archives h2 {
     float: none;
   }
+  div.blog-archives div {
+    margin-left: 0;
+  }
   div.blog-archives article {
     margin-left: 0;
     padding-left: 0;

Original file line number	Diff line number	Diff line change
`@@ -278,7 +278,7 @@ ul.list-articles-under-tag-category li {`
`278`	`278`	`padding: 0.1rem 0.2rem;`
`279`	`279`	`}`
`280`	`280`	`div.blog-archives div {`
`281`		`- margin-left: 6em;`
	`281`	`+ margin-left: rfs(6rem);`
`282`	`282`	`}`
`283`	`283`	`div.blog-archives div.last-entry-of-year {`
`284`	`284`	`margin-bottom: 1em;`
`@@ -299,6 +299,9 @@ div.recent-posts-posted {`
`299`	`299`	`div.blog-archives h2 {`
`300`	`300`	`float: none;`
`301`	`301`	`}`
	`302`	`+ div.blog-archives div {`
	`303`	`+ margin-left: 0;`
	`304`	`+ }`
`302`	`305`	`div.blog-archives article {`
`303`	`306`	`margin-left: 0;`
`304`	`307`	`padding-left: 0;`