From 20a7e3b7769675ea5467d27fa1d9cfd8493599c9 Mon Sep 17 00:00:00 2001
From: Emma N <neirinck.emma@gmail.com>
Date: Sun, 21 May 2023 20:09:10 +0200
Subject: [PATCH] responsive communication

---
 frontend/pages/admin/communication.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/admin/communication.tsx b/frontend/pages/admin/communication.tsx
index 676307bb..5002fb56 100644
--- a/frontend/pages/admin/communication.tsx
+++ b/frontend/pages/admin/communication.tsx
@@ -135,7 +135,7 @@ function AdminCommunication() {
                 <p className="title">Communicatie extern</p>
                 <div>
                     <Row style={{paddingBottom: '20px'}}>
-                        <Col>
+                        <Col sm={12} md={4}>
                             <div>
                                 <TemplateAutocomplete
                                     initialId={templateId}
@@ -144,7 +144,7 @@ function AdminCommunication() {
                                 />
                             </div>
                         </Col>
-                        <Col>
+                        <Col sm={12} md={4}>
                             <div>
                                 <UserAutoComplete
                                     initialId={userId}
@@ -153,7 +153,6 @@ function AdminCommunication() {
                                 />
                             </div>
                         </Col>
-
                         <Col style={{display: 'flex', alignItems: 'end', justifyContent: 'end'}}>
                             <div className="padding">
                                 <Button