data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: tweak style of focal point coordinate inputs (#1435)

Browse source
This commit is contained in:
Nolan Lawson 2019-08-25 18:33:50 -07:00 committed by GitHub
parent ca9a32d303
commit cb12e05584
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/routes/_components/dialog/components/MediaFocalPointEditor.html
View file

@ -36,7 +36,7 @@
<div class="media-focal-point-inputs"> <div class="media-focal-point-inputs">
<div class="media-focal-point-input-pair"> <div class="media-focal-point-input-pair">
<label for="media-focal-point-x-input-{realm}"> <label for="media-focal-point-x-input-{realm}">
X coordinate X
</label> </label>
<input type="number" <input type="number"
step="0.01" step="0.01"
@ -50,7 +50,7 @@
</div> </div>
<div class="media-focal-point-input-pair"> <div class="media-focal-point-input-pair">
<label for="media-focal-point-y-input-{realm}"> <label for="media-focal-point-y-input-{realm}">
Y coordinate Y
</label> </label>
<input type="number" <input type="number"
step="0.01" step="0.01"
@ -120,7 +120,7 @@
} }
.media-focal-point-input-pair input { .media-focal-point-input-pair input {
margin-left: 20px; margin-left: 10px;
} }
.media-draggable-area { .media-draggable-area {
@ -156,15 +156,7 @@
@media (max-width: 767px) { @media (max-width: 767px) {
.media-focal-point-inputs { .media-focal-point-inputs {
padding: 10px 20px; padding: 10px 20px;
} justify-content: space-around;
.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;
} }
} }
</style> </style>