fix design of statuses

This commit is contained in:
Nolan Lawson 2018-01-16 08:44:35 -08:00
parent ef786bd204
commit 77016ae1ca

View file

@ -50,22 +50,22 @@
<style> <style>
.status-article { .status-article {
width: 580px; width: 560px;
max-width: calc(100vw); max-width: calc(100vw - 40px);
padding: 10px; padding: 10px 20px;
display: grid; display: grid;
grid-template-areas: grid-template-areas:
"....... boosted" "....... boosted"
"sidebar author" "sidebar author"
"sidebar content" "sidebar content"
"....... toolbar"; "....... toolbar";
grid-template-columns: 68px 1fr; grid-template-columns: 58px 1fr;
border-bottom: 1px solid var(--main-border); border-bottom: 1px solid var(--main-border);
} }
:global(.sidebar) { :global(.sidebar) {
grid-area: sidebar; grid-area: sidebar;
margin: 0 10px; margin: 0 10px 0 0;
} }
.author { .author {