align .panel-body heights of create-template modal

lib/views/modal/create_template.html

@@ -1,4 +1,4 @@
-<div class="modal" id="create-template">
+<div class="modal create-template" id="create-template">
   <div class="modal-dialog">
     <div class="modal-content">
 
@@ -11,7 +11,7 @@
           <label class="mb-4">{{ t('template.modal_label.Create template under', page.path ) }}</label>
           <div class="row">
             <div class="col-sm-6">
-              <div class="panel panel-default">
+              <div class="panel panel-default panel-select-template">
                 <div class="panel-heading">{{ t('template.local.label') }}</div>
                 <div class="panel-body">
                   <p class="text-center"><code>_template</code></p>
@@ -27,7 +27,7 @@
               </div>
             </div>
             <div class="col-sm-6">
-              <div class="panel panel-default">
+              <div class="panel panel-default panel-select-template">
                 <div class="panel-heading">{{ t('template.global.label') }}</div>
                 <div class="panel-body">
                   <p class="text-center"><code>__template</code></p>

resource/styles/scss/_create-template.scss

@@ -0,0 +1,8 @@
+.modal.create-template {
+  @media (min-width: $screen-sm) {
+    // align .panel-body heights
+    .panel-select-template .panel-body {
+      min-height: 120px;
+    }
+  }
+}

resource/styles/scss/style.scss

@@ -20,6 +20,7 @@
 @import 'comment';
 @import 'comment_growi';
 @import 'create-page';
+@import 'create-template';
 @import 'layout';
 @import 'layout_crowi';
 @import 'layout_crowi_sidebar';