From d20479e88d0197c61ff5d9d00ec1ac5f3bef333d Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 12 Apr 2020 12:45:06 -0400
Subject: [PATCH] [O] Unify margins for search

---
 src/pages/course-selection/course-selection.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index c91c190..86fe3e2 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -25,11 +25,10 @@
                     <div class="header">Course List</div>
 
                     <!-- Search -->
-                    <el-input placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
+                    <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
 
                     <!-- Every course -->
-                    <div v-for="(course, index) in filteredCourses"
-                         class="item vertical-center">
+                    <div v-for="(course, index) in filteredCourses" class="item vertical-center">
                         <span class="name">{{course.name}}</span>
                     </div>
                 </el-card>
@@ -113,6 +112,11 @@
             font-size: 24px;
         }
 
+        .search
+        {
+            margin-bottom: 10px;
+        }
+
         .item
         {
             height: 30px;