From 03db7575fd348624ab4de89f5b4fb46c58c2aff7 Mon Sep 17 00:00:00 2001
From: Ceda EI <ceda_ei@webionite.com>
Date: Mon, 4 Jan 2021 23:53:20 +0530
Subject: [PATCH] Changes in theming

---
 src/components/VoiceBars.js        | 2 +-
 src/plugins/GenericPageWithIcon.js | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/VoiceBars.js b/src/components/VoiceBars.js
index 0f3164c..4814ca4 100644
--- a/src/components/VoiceBars.js
+++ b/src/components/VoiceBars.js
@@ -2,7 +2,7 @@ import React from "react";
 
 function VoiceBars() {
 	return (
-		<div className="waves" style={{transform: "rotate(180deg)", marginTop: "130px"}}>
+		<div className="waves" style={{transform: "rotate(180deg)", marginTop: "130px", transition: "1s"}}>
 			<svg width="100vw" fill="none" version="1.1"
 				xmlns="http://www.w3.org/2000/svg">
 				<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
diff --git a/src/plugins/GenericPageWithIcon.js b/src/plugins/GenericPageWithIcon.js
index 308571e..b890a4b 100644
--- a/src/plugins/GenericPageWithIcon.js
+++ b/src/plugins/GenericPageWithIcon.js
@@ -12,10 +12,13 @@ function GenericPageWithIcon(props) {
 			direction="column"
 			alignContent="center"
 			height="95vh"
+			style={{
+				padding: "0 3em",
+			}}
 		>
 			{props.icon}
 			<Heading>{props.title}</Heading>
-			<Text>{props.description}</Text>
+			<Text style={{ textAlign: "center" }}>{props.description}</Text>
 			<Button primary size="large" onClick={props.close}
 				label="Dismiss" margin="1.5em" />
 		</Box>