diff --git a/web/app/assets/javascripts/events/react-components/EventPage.js.jsx b/web/app/assets/javascripts/events/react-components/EventPage.js.jsx
index 8588ab377..09a30f5e8 100644
--- a/web/app/assets/javascripts/events/react-components/EventPage.js.jsx
+++ b/web/app/assets/javascripts/events/react-components/EventPage.js.jsx
@@ -63,6 +63,7 @@ context.EventPage = React.createClass({
var chatElement = document.getElementById("rt-e617b4394e0e49e1c234c63161bb2e15")
+ chatElement.style.overflow = 'visible'
listing.appendChild(chatElement)
}
else {
@@ -169,6 +170,12 @@ context.EventPage = React.createClass({
{title}
{descriptionElement}
{startsAtElement}
+
}
else {
@@ -204,7 +211,7 @@ context.EventPage = React.createClass({
}
diff --git a/web/app/assets/stylesheets/events/react-components/EventPage.scss b/web/app/assets/stylesheets/events/react-components/EventPage.scss
index 6f9f3b245..8c1c491d8 100644
--- a/web/app/assets/stylesheets/events/react-components/EventPage.scss
+++ b/web/app/assets/stylesheets/events/react-components/EventPage.scss
@@ -7,8 +7,9 @@
}
#body-content #rt-e617b4394e0e49e1c234c63161bb2e15 {
- position:static;
+ position:relative;
width:100%;
+ overflow:visible;
}
[data-react-class="EventPage"] {
@@ -19,7 +20,8 @@
}
#header {
- display:grid;
+ //display:grid;
+ display:none;
justify-content: center;
width:100%;
background-color:$jamkazam-background;
@@ -57,6 +59,33 @@
flex-direction: column;
}
+ #powered-by, #powered-by-2 {
+ text-align:center;
+ vertical-align:middle;
+ position:absolute;
+ top: -3rem;
+ margin: auto;
+ width: 100%;
+ display: grid;
+ align-items: center;
+ justify-content: center;
+
+ span {
+ font-size:.8rem;
+ text-align:left;
+ }
+ }
+
+ .powered-by {
+ background: url("/assets/shared/jk_logo_small.png") no-repeat center;
+ height:26px;
+ width:142px;
+ }
+
+ #powered-by-2 {
+ display:none;
+ }
+
#player, #no-player {
position:relative;
padding-bottom:56.25%;
@@ -109,7 +138,7 @@
#top-container {
background-color:black;
justify-content:center;
- padding:2rem 0 2rem 0;
+ padding:2rem 0 .1rem 0;
text-align:center;
}
@@ -199,8 +228,42 @@
background: url('/assets/logo.png') no-repeat center;
background-size:75%;
height:40px;
- width: 126px;
+ width: 100px;
}
+
+ #powered-by {
+ display:none;
+ }
+
+ #powered-by-2 {
+ text-align:center;
+ vertical-align:middle;
+ position:static;
+ top: 0;
+ width: 100%;
+ display: grid;
+ align-items: center;
+ justify-content: center;
+ margin:.3rem 0 0 0;
+
+ span {
+ vertical-align: bottom;
+ line-height:20px;
+ }
+
+ div {
+ display:inline-block;
+ vertical-align: bottom;
+ }
+
+ .powered-by {
+ height: 20px;
+ width: 100px;
+ background-size: 100%;
+ }
+ }
+
+
}
diff --git a/web/app/views/events/event.slim b/web/app/views/events/event.slim
index 3ae3bcce3..2f5b5be33 100644
--- a/web/app/views/events/event.slim
+++ b/web/app/views/events/event.slim
@@ -6,5 +6,8 @@
#chat
div id="rt-e617b4394e0e49e1c234c63161bb2e15" class="rumble-chat"
div id="chat-header" Live Chat
+ div id="powered-by"
+ span powered by
+ div.powered-by
script src="https://rumbletalk.com/client/?VHi@pnno"
= react_component 'EventPage'
\ No newline at end of file