From f5d561ee347a225c4bce3ad585419e4862be00a6 Mon Sep 17 00:00:00 2001
From: kenechukwu offokansi <koffokansi@gmail.com>
Date: Sat, 18 Sep 2021 12:57:36 +0100
Subject: [PATCH] new design updated AGAINgit add .git add .git add .

---
 .../components/modals/admin/editDeadline/editDeadline.jsx | 8 ++++----
 .../modals/component/radioButton/radioButton.jsx          | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/modals/admin/editDeadline/editDeadline.jsx b/frontend/src/components/modals/admin/editDeadline/editDeadline.jsx
index c11f8410..0f1b515e 100644
--- a/frontend/src/components/modals/admin/editDeadline/editDeadline.jsx
+++ b/frontend/src/components/modals/admin/editDeadline/editDeadline.jsx
@@ -57,7 +57,7 @@ const EditDeadline = ({ details }) => {
 					alignStretch
 				/>
 
-				<div className="flex gap-x-12 w-full">
+				<div className="flex flex-col gap-y-6 w-full md:gap-x-12 md:flex-row">
 					<ColTitleDes
 						space
 						title="Start date"
@@ -128,11 +128,11 @@ const EditDeadline = ({ details }) => {
 						}}
 					/>
 				</div>
-				<div className="flex justify-end">
-					<button className="w-16 h-7  text-sm text-brand-primary font-semibold">
+				<div className="flex justify-end gap-4">
+					<button className="h-11 px-5 text-sm text-brand-primary font-semibold">
 						Cancel
 					</button>
-					<button className="w-16 h-7  text-sm bg-brand-primary font-semibold text-brand-bg-white">
+					<button className="h-11 px-5 text-sm bg-brand-primary font-semibold text-brand-bg-white">
 						Update
 					</button>
 				</div>
diff --git a/frontend/src/components/modals/component/radioButton/radioButton.jsx b/frontend/src/components/modals/component/radioButton/radioButton.jsx
index 928f3e07..bb2abfab 100644
--- a/frontend/src/components/modals/component/radioButton/radioButton.jsx
+++ b/frontend/src/components/modals/component/radioButton/radioButton.jsx
@@ -18,8 +18,10 @@ const RadioButton = ({ id, label, selected, onChange }) => {
 				htmlFor={id}
 				className="text-sm leading-none self-center flex items-center gap-x-2"
 			>
-				<div className="inline-block h-4 w-4 border-solid border border-black p-px">
-					<div className={`${style.interior} bg-brand-primary h-full`}></div>
+				<div className="inline-block h-4 w-4 rounded-1/2 border-solid border border-black p-px">
+					<div
+						className={`${style.interior} rounded-1/2 bg-brand-primary h-full`}
+					></div>
 				</div>
 
 				{label}