Merge branch 'develop'

2 files changed, 20 insertions, 4 deletions

diff --git a/index.html b/index.html
index 6b1b34d..4ed4e6b 100644
--- a/index.html
+++ b/index.html
@@ -20,23 +20,25 @@
 		<div id="message-container">
 			<span id="message-label"></span>
 		</div>
-		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');"></a>
+		<a id="mask" href="#" onclick="hide_element('power-confirm');hide_element('mask');">
+			<h1>Power Off?</h1>
+		</a>
 		<div id="power-confirm" onclick="document.getElementById('mask').click();">
 			<ul>
 				<li>
-					<a class="button" href="#" onclick="lightdm.shutdown();">
+					<a href="#" onclick="lightdm.shutdown();">
 						<div class="icon" id="icon-shutdown"></div>
 						<span>Power off</span>
 					</a>
 				</li>
 				<li>
-					<a class="button" href="#" onclick="lightdm.restart();">
+					<a href="#" onclick="lightdm.restart();">
 						<div class="icon" id="icon-reboot"></div>
 						<span>Restart</span>
 					</a>
 				</li>
 				<li>
-					<a class="button" href="#" onclick="hide_element('power-confirm');hide_element('mask');">
+					<a href="#" onclick="hide_element('power-confirm');hide_element('mask');">
 						<div class="icon" id="icon-cancel"></div>
 						<span>Cancel</span>
 					</a>
diff --git a/petrichor.css b/petrichor.css
index a8ef1ad..025803b 100644
--- a/petrichor.css
+++ b/petrichor.css
@@ -30,6 +30,19 @@ body,html
 	background-color: rgba(0,0,0,0.7);
 	visibility: hidden;
 	opacity: 0;
+	text-decoration: none;
+	color: inherit;
+	font-size: 3em;
+	display: table;
+	width: 100%;
+	height: 100%;
+	vertical-align: middle;
+}
+
+#mask h1
+{
+	display: table-cell;
+	vertical-align: middle;
 }
 
 #power-confirm
@@ -45,6 +58,7 @@ body,html
 {
 	display: inline-block;
 	margin: 0px 0px 0px -50%;
+	padding: 0px;
 }
 
 #power-confirm li