Fix scene edit page for smaller screens

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

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;
 

ui/v2.5/src/index.scss

@@ -239,7 +239,6 @@ code {
 
 .image-input {
   margin-bottom: 0;
-  margin-left: .5rem;
   overflow: hidden;
   position: relative;
 

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 {