remove-inline-CSS

Author: sachinchauhan2889

app/components/public/session-item.hbs

@@ -23,17 +23,19 @@
           {{/if}}
         </div>
       {{else}}
-        <div class="left floated twelve wide column" style="display: flex">
-          <div class="session-speakers">
-            {{#each @session.speakers as |speaker|}}
-              <img alt="speaker" class="ui mini avatar image" src="{{if speaker.iconImageUrl speaker.iconImageUrl (if speaker.photoUrl speaker.photoUrl '/images/placeholders/avatar.png')}}">
-            {{/each}}
-          </div>
-          <div  style="padding-left: 10px; width: 500px;">
-            {{#each @session.speakers as |speaker|}}
-              {{speaker.name}} ({{speaker.position}}, {{speaker.organisation}})
-              <br>
-            {{/each}}
+        <div class="left floated twelve wide column">
+          <div class="ui grid stackable">
+           <div class="session-speakers">
+              {{#each @session.speakers as |speaker|}}
+               <img alt="speaker" class="ui mini avatar image" src="{{if speaker.iconImageUrl speaker.iconImageUrl (if speaker.photoUrl speaker.photoUrl '/images/placeholders/avatar.png')}}">
+             {{/each}}
+           </div>
+           <div class="left floated nine wide column">
+             {{#each @session.speakers as |speaker|}}
+                {{speaker.name}} ({{speaker.position}}, {{speaker.organisation}})
+                <br>
+              {{/each}}
+            </div>
           </div>
         </div>
         <div class="right floated four wide column">