Composer styling on desktop (#84)

scss/composer.scss

@@ -9,6 +9,56 @@
     }
   }
 }
+
+#reply-control.hide-preview {
+  @include breakpoint("mobile-extra-large", $rule: min-width) {
+    background: var(--d-content-background);
+
+    border-top-right-radius: var(--d-border-radius);
+    border-top-left-radius: var(--d-border-radius);
+    overflow: hidden;
+
+    .grippie {
+      background: var(--tertiary-low);
+    }
+
+    .title-and-category {
+      padding: 0 var(--spacing-inline-m);
+      width: calc(100% - var(--spacing-inline-m) * 2);
+    }
+
+    .d-editor-button-bar {
+      padding: 3px var(--spacing-inline-m);
+      border: none;
+    }
+
+    .d-editor-input {
+      padding: var(--spacing-inline-m);
+    }
+
+    &:has(.in-focus) .grippie {
+      background: var(--tertiary);
+    }
+
+    .reply-area {
+      padding-inline: 0;
+    }
+    .reply-to,
+    .submit-panel {
+      padding-inline: var(--spacing-inline-sm);
+    }
+
+    .d-editor-textarea-wrapper {
+      border: 0;
+      border-bottom: 1px solid var(--primary-low);
+      border-radius: 0;
+
+      &.in-focus {
+        outline: 0;
+      }
+    }
+  }
+}
 .d-editor-button-bar {
   .btn:hover,
   .toolbar-popup-menu-options.is-expanded {

scss/misc.scss

@@ -40,10 +40,6 @@
   border-radius: 0;
 }
 
-.d-editor-button-bar {
-  padding: 3px;
-}
-
 .open .grippie {
   background-color: var(--accent-color);
 }