From 911290cb5e13482acf9701ec9da7a3b16fd17061 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Tue, 26 Sep 2017 21:35:18 +0200
Subject: Improve layout of profile page

---
 src/pages/Profile.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/Profile.js b/src/pages/Profile.js
index 17b01495..8a418f80 100644
--- a/src/pages/Profile.js
+++ b/src/pages/Profile.js
@@ -10,12 +10,17 @@ const ProfileContainer = ({onDelete}) => (
         <div className="full-height">
             <AppNavbar inSimulation={false} fullWidth={false}/>
             <div className="container text-page-container full-height">
-                <button className="btn btn-danger" onClick={onDelete}>Delete my account on OpenDC</button>
-                <p>
-                    This does not delete your Google account, it simply disconnects it from the OpenDC app and deletes
-                    any
-                    simulation info that is associated with you (simulations you own, and any authorizations you may
-                    have on other projects).
+                <button
+                    className="btn btn-danger mb-2 ml-auto mr-auto"
+                    style={{maxWidth: 300}}
+                    onClick={onDelete}
+                >
+                    Delete my account on OpenDC
+                </button>
+                <p className="text-muted text-center">
+                    This does not delete your Google account, but simply disconnects it from the OpenDC platform and
+                    deletes any simulation info that is associated with you (simulations you own and any authorizations
+                    you may have on other projects).
                 </p>
             </div>
             <DeleteProfileModal/>
-- 
cgit v1.2.3