adjust layout of /admin/importer

src/server/views/admin/importer.html

@@ -17,7 +17,7 @@
     <div class="col-md-3">
       {% include './widget/menu.html' with {current: 'importer'} %}
     </div>
-    <div class="col-md-9">
+    <div class="col-lg-7 col-md-9">
 
       <!-- Flash message for success -->
       {% set smessage = req.flash('successMessage') %}
@@ -43,23 +43,25 @@
       <form action="/_api/admin/settings/importerEsa" method="post" class="form-horizontal" id="importerSettingFormEsa" role="form"
           data-success-messaage="更新しました">
         <fieldset>
+          <legend>{{ t('importer_management.import_from', 'esa.io') }}</legend>
+          <div class="well well-sm">
+
+          </div>
           <div class="form-group">
-            <legend>{{ t('importer_management.import_from', 'esa.io') }}</legend>
             <input type="password" name="dummypass" style="visibility: hidden; top: -100px; left: -100px;" />
-            <div class="form-group">
-              <label for="settingForm[importer:esa:team_name]" class="col-xs-3 control-label">{{ t('importer_management.esa_settings.team_name') }}</label>
-              <div class="col-xs-6">
-                <input class="form-control" type="text" name="settingForm[importer:esa:team_name]" value="{{ settingForm['importer:esa:team_name'] | default('') }}">
-              </div>
+          </div>
+          <div class="form-group">
+            <label for="settingForm[importer:esa:team_name]" class="col-xs-3 control-label">{{ t('importer_management.esa_settings.team_name') }}</label>
+            <div class="col-xs-6">
+              <input class="form-control" type="text" name="settingForm[importer:esa:team_name]" value="{{ settingForm['importer:esa:team_name'] | default('') }}">
             </div>
-            <div class="form-group">
-              <label for="settingForm[importer:esa:access_token]" class="col-xs-3 control-label">{{ t('importer_management.esa_settings.access_token') }}</label>
-              <div class="col-xs-6">
-                <input class="form-control" type="password" name="settingForm[importer:esa:access_token]" value="{{ settingForm['importer:esa:access_token'] | default('') }}">
-              </div>
+          </div>
+          <div class="form-group">
+            <label for="settingForm[importer:esa:access_token]" class="col-xs-3 control-label">{{ t('importer_management.esa_settings.access_token') }}</label>
+            <div class="col-xs-6">
+              <input class="form-control" type="password" name="settingForm[importer:esa:access_token]" value="{{ settingForm['importer:esa:access_token'] | default('') }}">
             </div>
           </div>
-
           <div class="form-group">
             <input type="hidden" name="_csrf" value="{{ csrf() }}" />
             <div class="col-xs-offset-3 col-xs-6">
@@ -82,25 +84,25 @@
       </form>
       <!-- qiita:team Importer management forms -->
       <form action="/_api/admin/settings/importerQiita" method="post" class="form-horizontal" id="importerSettingFormQiita" role="form"
-      data-success-messaage="更新しました">
+          data-success-messaage="更新しました">
         <fieldset>
+          <legend>{{ t('importer_management.import_from', 'Qiita:Team') }}</legend>
+          <div class="well well-sm">test</div>
           <div class="form-group">
-            <legend>{{ t('importer_management.import_from', 'Qiita:Team') }}</legend>
             <input type="password" name="dummypass" style="visibility: hidden; top: -100px; left: -100px;" />
-            <div class="form-group">
-              <label for="settingForm[importer:qiita:team_name]" class="col-xs-3 control-label">{{ t('importer_management.qiita_settings.team_name') }}</label>
-              <div class="col-xs-6">
-                <input class="form-control" type="text" name="settingForm[importer:qiita:team_name]" value="{{ settingForm['importer:qiita:team_name'] | default('') }}">
-              </div>
+          </div>
+          <div class="form-group">
+            <label for="settingForm[importer:qiita:team_name]" class="col-xs-3 control-label">{{ t('importer_management.qiita_settings.team_name') }}</label>
+            <div class="col-xs-6">
+              <input class="form-control" type="text" name="settingForm[importer:qiita:team_name]" value="{{ settingForm['importer:qiita:team_name'] | default('') }}">
             </div>
-            <div class="form-group">
-              <label for="settingForm[importer:qiita:access_token]" class="col-xs-3 control-label">{{ t('importer_management.qiita_settings.access_token') }}</label>
-              <div class="col-xs-6">
-                <input class="form-control" type="password" name="settingForm[importer:qiita:access_token]" value="{{ settingForm['importer:qiita:access_token'] | default('') }}">
-              </div>
+          </div>
+          <div class="form-group">
+            <label for="settingForm[importer:qiita:access_token]" class="col-xs-3 control-label">{{ t('importer_management.qiita_settings.access_token') }}</label>
+            <div class="col-xs-6">
+              <input class="form-control" type="password" name="settingForm[importer:qiita:access_token]" value="{{ settingForm['importer:qiita:access_token'] | default('') }}">
             </div>
           </div>
-
           <div class="form-group">
             <input type="hidden" name="_csrf" value="{{ csrf() }}" />
             <div class="col-xs-offset-3 col-xs-6">