From 0477161af2648659896a3ddb64e51a2b93c9d669 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Tue, 5 Nov 2019 22:29:43 -0500
Subject: [PATCH] [+] Create narrow property for class

---
 .../overall-course/assignment-entry/assignment-entry.vue     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
index 16882d2..3b7a5c8 100644
--- a/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
+++ b/src/pages/overall/overall-course/assignment-entry/assignment-entry.vue
@@ -1,5 +1,7 @@
 <template>
-    <div class="unread-entry vertical-center" :style="`background: ${backgroundColor}`">
+    <div class="unread-entry vertical-center"
+         :class="narrow ? 'narrow' : ''"
+         :style="`background: ${backgroundColor}`">
         <el-row class="unread-row">
             <el-col :span="3" class="date">
                 <span class="month">{{getMoment(assignment.date).format("MMM Do")}}</span>
@@ -42,6 +44,7 @@
 
         @Prop({default: false}) unread: boolean;
         @Prop({default: '#f5f7fa'}) backgroundColor: string;
+        @Prop({default: false}) narrow: boolean;
 
         /**
          * Format a date to the displayed format