From fc426f4f963d4e2a49de63004abdc51eaee1ff23 Mon Sep 17 00:00:00 2001
From: Brooke Kuhlmann <brooke@alchemists.io>
Date: Tue, 16 Jun 2026 09:51:05 -0600
Subject: [PATCH] Removed unnecessary designer styles

Necessary for the layout to be vertical instead of horizontal. Instead, we can now leverage the existing page and form bits. The `source` class is removed now that we've switched to use the Code Mirror editor which comes with it's own styles.

Issue: 321
Milestone: minor
---
 app/assets/css/pages/designer.css | 37 -------------------------------
 1 file changed, 37 deletions(-)

diff --git a/app/assets/css/pages/designer.css b/app/assets/css/pages/designer.css
index 7a341920..976ce2ba 100644
--- a/app/assets/css/pages/designer.css
+++ b/app/assets/css/pages/designer.css
@@ -1,16 +1,4 @@
 .page-designer {
-  .designer {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
-    justify-content: between;
-
-    @media only screen and (min-width: 825px) {
-      flex-direction: row;
-    }
-  }
-
   .device {
     border-color: var(--site-black);
     border-style: solid;
@@ -23,30 +11,5 @@
       7.3px 7.3px 7.3px rgba(0, 0, 0, 0.048),
       20px 20px 20px rgba(0, 0, 0, 0.07);
     margin: 0;
-    display: flex;
-  }
-
-  .form {
-    width: 100%;
-
-    @media only screen and (min-width: 825px) {
-      width: 80%;
-    }
-  }
-
-  .source {
-    height: 40vh;
-    padding: 1rem;
-    width: 100%;
-    font-size: 1rem;
-    font-family: monospace;
-    border-radius: 0.7rem;
-    border: 0.1rem solid oklch(from var(--site-lightgrey) l c h / 0.5);
-    outline: none;
-    min-height: 34rem;
-
-    &:focus {
-      border: 0.1rem solid oklch(from var(--site-orange) l c h / 0.5);
-    }
   }
 }