adjust position

src/client/js/components/PageTagForm.jsx

@@ -39,14 +39,13 @@ export default class PageTagForm extends React.Component {
 
   render() {
     return (
-      <div className="input-group-sm extended-setting">
-        <label className="mr-2">Tag:</label>
-        <input className="form-control" type="text" value={this.state.pageTags} placeholder="input tag name"
+      <div className="input-group-sm mx-1">
+        <input className="form-control" type="text" value={this.state.pageTags} placeholder="tag name"
           data-toggle="popover"
           title="タグ"
           data-content="タグ付けによりページをカテゴライズすることができます。"
           data-trigger="focus"
-          data-placement="top"
+          data-placement="right"
           onChange={e => this.updateState(e.target.value)}
           onBlur={this.handleSubmit}
           />

src/client/styles/scss/_on-edit.scss

@@ -103,6 +103,7 @@ body.on-edit {
     h1#revision-path {
       @include variable-font-size(20px);
       line-height: 1em;
+      float: left;
 
       // nowrap even if the path is too long
       .d-flex {
@@ -112,6 +113,9 @@ body.on-edit {
         white-space: nowrap;
       }
     }
+    div#page-tag {
+      float: right;
+    }
 
     // hide if screen size is less than tablet
     @media (max-width: $screen-sm) {