LIL-502 Textarea overflow fix

project/templates/lilcity/index.html

@@ -30,7 +30,7 @@
     {% comment %} <meta property="fb:admins" content="Facebook numeric ID"> {% endcomment %}
 
     <meta name="csrf-token" content="{{ csrf_token }}">
-    <link rel="stylesheet" media="all" href={% static "app.css" %}?2>
+    <link rel="stylesheet" media="all" href={% static "app.css" %}?3>
     <link rel="shortcut icon" type="image/png" href="{% static 'img/favicon.png' %}"/>
     <script>
         var viewportmeta = document.querySelector('meta[name="viewport"]');

web/src/components/CourseRedactor.vue

@@ -33,7 +33,7 @@
                               v-model="course.title"></textarea>
                   </div>
                 </div>
-                <div class="info__field field field_info"
+                <div class="info__field field field_info field_short_description"
                      v-bind:class="{ error: ($v.course.short_description.$dirty || showErrors) && $v.course.short_description.$invalid }">
                   <div class="field__label">{{titles.shortDescription}}</div>
                   <div class="field__wrap">
@@ -1202,10 +1202,15 @@
   .course-redactor__preview-button {
     transition: backgroundColor 0.5s ease-in-out;
   }
-  
+
   .field_text {
     height: 270px;
     overflow: scroll;
   }
+
+  .field_short_description {
+    max-height: 200px;
+    overflow: scroll;
+  }
 </style>