@media (max-width: 799px) { [class*=BackCollection], [class*=BackStatus] { font-size: .6rem; } [class*=AppHeaderContent], [class*=AppMainContainer] { margin-right: 0; margin-left: 0; min-width: calc(100vw - 24px); max-width: 100vw; } [class*=AppHeaderSiteLink] { display: none; } [class*=AppHeaderContent] { display: flex; justify-content: space-between; } [class*=AppHeaderQuickNewButton] { width: 100%; } [class*=AppHeaderButton] { padding-left: 4px; padding-right: 4px; } [class*=EditorContainer], [class*=ToolbarContainer] { min-width: initial; } [class*=ToolbarContainer] { max-width: 100vw; } [class*=EditorContainer] { margin-bottom: 10em; max-width: 100vw; } [class*=ToolbarSectionBackLink], [class*=ToolbarSectionMain], [class*=ToolbarSectionMeta] { padding: 0; } [class*=ToolbarSectionBackLink] { padding-right: 10px; } [class*=BackArrow] { margin: 0 8px; } [class*=ToolbarSubSectionFirst] { display: flex; flex-direction: column; } [class*=ToolbarButton], [class*=PublishButton] { line-height: unset; height: unset; } [class*=PublishedToolbarButton], [class*=PublishButton] { padding: 5px 20px 5px 8px; } [class*=DropdownButton]::after { top: 13px; right: 6px; } [class*=DeleteButton] { margin-top: 5px; padding: 5px 8px; } [class*=ViewControls] { position: initial; } [class*=PreviewPaneContainer-ControlPaneContainer] { padding: 0; } [class*=ControlPaneContainer] { max-width: 100vw; } [class*=EditorControlBar] [class*=ToolbarContainer] { display: flex; flex-direction: column; } [class*=CollectionContainer] { display: flex; flex-direction: column; } [class*=SidebarContainer] { position: initial; width: initial; } [class*=CollectionMain] { padding-left: 0; margin-top: 20px; } }