fix: change class name for iframe (#8476)

* fix: change class name for iframe

* change position of iframe above description

* fix: class naming inconsistency

Author: pavnesh-c

app/styles/pages/events.scss

@@ -108,7 +108,7 @@
   animation: anima .2s ease-in-out 1 both;
 }
 
-.container {
+.iframe-container {
   position: relative;
   width: 100%;
   overflow: hidden;

app/templates/public/index.hbs

@@ -1,15 +1,15 @@
 <div class="event">
+  {{#if this.model.event.publicStreamLink}}
+    <div class="iframe-container">
+      <iframe class="responsive-iframe" title="{{this.model.event.name}}" src="{{this.model.event.publicStreamLink}}" allowfullscreen></iframe>
+    </div>
+  {{/if}}
   {{#if this.model.event.description}}
     <div class="description" id="info">
       {{sanitize this.model.event.description}}
     </div>
     <div class="ui hidden divider"></div>
   {{/if}}
-  {{#if this.model.event.publicStreamLink}}
-    <div class="container">
-      <iframe class="responsive-iframe" title="{{this.model.event.name}}" src="{{this.model.event.publicStreamLink}}" allowfullscreen></iframe>
-    </div>
-  {{/if}}
   {{#if (and this.model.event.isOneclickSignupEnabled this.model.tickets)}}
     <h2 id="tickets">{{t 'Registration'}}</h2>
     {{!-- template-lint-disable style-concatenation --}}