From cb12e05584882d6f23c9b2ceed6f3a4ed326d166 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 25 Aug 2019 18:33:50 -0700
Subject: [PATCH] fix: tweak style of focal point coordinate inputs (#1435)

---
 .../dialog/components/MediaFocalPointEditor.html | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/routes/_components/dialog/components/MediaFocalPointEditor.html b/src/routes/_components/dialog/components/MediaFocalPointEditor.html
index a69233cc..3b9f553f 100644
--- a/src/routes/_components/dialog/components/MediaFocalPointEditor.html
+++ b/src/routes/_components/dialog/components/MediaFocalPointEditor.html
@@ -36,7 +36,7 @@
   <div class="media-focal-point-inputs">
     <div class="media-focal-point-input-pair">
       <label for="media-focal-point-x-input-{realm}">
-        X coordinate
+        X
       </label>
       <input type="number"
              step="0.01"
@@ -50,7 +50,7 @@
     </div>
     <div class="media-focal-point-input-pair">
       <label for="media-focal-point-y-input-{realm}">
-        Y coordinate
+        Y
       </label>
       <input type="number"
              step="0.01"
@@ -120,7 +120,7 @@
   }
 
   .media-focal-point-input-pair input {
-    margin-left: 20px;
+    margin-left: 10px;
   }
 
   .media-draggable-area {
@@ -156,15 +156,7 @@
   @media (max-width: 767px) {
     .media-focal-point-inputs {
       padding: 10px 20px;
-    }
-    .media-focal-point-input-pair {
-      flex-direction: column;
-      justify-content: center;
-      margin: 0 5px;
-    }
-    .media-focal-point-input-pair input {
-      margin-left: 0;
-      width: 100px;
+      justify-content: space-around;
     }
   }
 </style>