From 5c70ea810b1821505a038ca30fe70d3eaf459e79 Mon Sep 17 00:00:00 2001
From: MaZderMind
Date: Mon, 13 Jul 2015 14:22:21 +0200
Subject: Move released-box to the top and color it green

---
 assets/css/_relive.less      |  6 ++++++
 template/relive-player.phtml | 15 +++++++++++----
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/assets/css/_relive.less b/assets/css/_relive.less
index bd28747..512c3cd 100644
--- a/assets/css/_relive.less
+++ b/assets/css/_relive.less
@@ -37,4 +37,10 @@ body.relive-player {
 			margin: 0 auto;
 		}
 	}
+
+	.well, .alert {
+		h3 {
+			margin-top: 0;
+		}
+	}
 }
diff --git a/template/relive-player.phtml b/template/relive-player.phtml
index 9018ccc..467b34a 100644
--- a/template/relive-player.phtml
+++ b/template/relive-player.phtml
@@ -5,6 +5,17 @@
 		</div>
 	</div>
 
+	<? if($talk['status'] == 'released'): ?>
+		<div class="row">
+			<div class="col-xs-12 col-md-8 col-md-offset-2">
+				<div class="alert alert-success">
+					<h3>Released</h3>
+					<p>This talk is already released! Take a look at <a href="<?=h($talk['release_url'])?>">media.ccc.de</a>.</p>
+				</div>
+			</div>
+		</div>
+	<? endif ?>
+
 	<div class="row">
 		<div class="col-xs-12">
 			<div class="player-wrap">
@@ -23,10 +34,6 @@
 						If you still want to watch with a desktop player, use this URL: <a href="<?=h($talk['playlist'])?>"><?=h($talk['playlist'])?></a>
 					</p>
 				</div>
-				<? if($talk['status'] == 'released'): ?>
-					<h3>Released</h3>
-					<p>This talk is already released! Take a look at <a href="<?=h($talk['release_url'])?>">media.ccc.de</a>.</p>
-				<? endif ?>
 			</div>
 		</div>
 	</div>
-- 
cgit v1.2.3