From 5b6a3a7732cbff0b48f141c6c62649c45e0f1689 Mon Sep 17 00:00:00 2001
From: Infinite <infinitekittens@protonmail.com>
Date: Sat, 29 Feb 2020 21:28:33 +0100
Subject: [PATCH] Fix scene edit page for smaller screens

---
 .../src/components/Scenes/SceneDetails/SceneEditPanel.tsx | 6 +++---
 ui/v2.5/src/components/Scenes/styles.scss                 | 4 ----
 ui/v2.5/src/index.scss                                    | 1 -
 ui/v2.5/src/styles/_theme.scss                            | 8 ++++++++
 4 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
index ccde9e117..32ae86d99 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/SceneEditPanel.tsx
@@ -292,7 +292,7 @@ export const SceneEditPanel: React.FC<IProps> = (props: IProps) => {
 
   return (
     <div className="form-container row">
-      <div className="col-6">
+      <div className="col-12 col-lg-6">
         <Table id="scene-edit-details">
           <tbody>
             {TableUtils.renderInputGroup({
@@ -315,7 +315,7 @@ export const SceneEditPanel: React.FC<IProps> = (props: IProps) => {
               </td>
             </tr>
             {TableUtils.renderInputGroup({
-              title: "Date (YYYY-MM-DD)",
+              title: "Date",
               value: date,
               isEditing: true,
               onChange: setDate
@@ -372,7 +372,7 @@ export const SceneEditPanel: React.FC<IProps> = (props: IProps) => {
           </tbody>
         </Table>
       </div>
-      <div className="col-5 offset-1">
+      <div className="col-12 col-lg-6">
         <Form.Group controlId="details">
           <Form.Label>Details</Form.Label>
           <Form.Control
diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss
index 72ff6abd7..1a23390bd 100644
--- a/ui/v2.5/src/components/Scenes/styles.scss
+++ b/ui/v2.5/src/components/Scenes/styles.scss
@@ -101,10 +101,6 @@
   min-height: 150px;
 }
 
-.edit-buttons {
-  padding-left: 2rem;
-}
-
 .primary-card {
   margin: 1rem 0;
 
diff --git a/ui/v2.5/src/index.scss b/ui/v2.5/src/index.scss
index 570133322..3a8338877 100755
--- a/ui/v2.5/src/index.scss
+++ b/ui/v2.5/src/index.scss
@@ -239,7 +239,6 @@ code {
 
 .image-input {
   margin-bottom: 0;
-  margin-left: .5rem;
   overflow: hidden;
   position: relative;
 
diff --git a/ui/v2.5/src/styles/_theme.scss b/ui/v2.5/src/styles/_theme.scss
index 97090e80b..485e095a3 100644
--- a/ui/v2.5/src/styles/_theme.scss
+++ b/ui/v2.5/src/styles/_theme.scss
@@ -121,6 +121,14 @@ hr {
     border: none;
     border-color: rgba(255, 255, 255, .15);
     padding: .25rem .75rem;
+
+    &:first-child {
+      padding-left: 0;
+    }
+
+    &:last-child {
+      padding-right: 0;
+    }
   }
 
   a {