clean styling

app/views/shared/_error_banner.html.erb

@@ -1,3 +1,3 @@
-<div class="pt-2 text-center text-danger danger-section pb-1">
+<div class="pt-2 text-center text-danger error-section pb-1">
   <%= yield %>
 </div>

app/views/shared/_header.html.erb

@@ -27,7 +27,7 @@
 								<span class="text-default username"><%= current_user.name %></span>
 							</span>
 						</a>
-						<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow" x-placement="bottom-end" style="position: absolute; transform: translate3d(-56px, 32px, 0px); top: 0px; left: 0px; will-change: transform;">
+						<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow" x-placement="bottom-end">
 							<%= link_to current_user.main_room, class: "dropdown-item" do %>
 								<i class="dropdown-icon fas fa-home"></i> Home Room	
 							<% end %>

app/views/shared/_room_event.html.erb

@@ -1,10 +1,10 @@
-<div class="room-section pb-9" room="<%= @room.uid %>" join-name="<%= @join_name %>">
+<div class="background pb-9" room="<%= @room.uid %>" join-name="<%= @join_name %>">
   <div class="container">
     <div class="row pt-9">
       <div class="col-lg-12 col-sm-12">
         <h4 class="text-left">You have been invited to join</h4>
         <h1 class="display-3 text-left mb-3 font-weight-400"><%= @room.name %></h1>
-        <hr class="mt-2 float-left" style="width: 20%;">
+        <hr class="mt-2 float-left w-25">
       </div>
     </div>
 

app/views/shared/_start_meeting.html.erb

@@ -1,28 +0,0 @@
-<div class="col-10 offset-1 form-group">
-  <div class="start-block">
-    <%= form_for(:meeting, url: create_meeting_path) do |f| %>
-      <div class="input-group" style="height: 70px;">
-        <%= f.text_field :name, id: "name-input", class: "form-control main-large", placeholder: "Enter a meeting name!", autocomplete: :off %>
-        <span class="input-group-append">
-          <%= f.submit "Start", class: "btn btn-primary px-7 main-large" %>
-        </span>
-      </div>
-    <% end %>
-    <div class="input-group align-center p-4">
-      <div class="col-8">
-        <label class="form-label">Invite Participants</label>
-        <input id="invite-url" type="text" class="form-control" value="greenlight.com/m/your-meeting-name" readonly="">
-      </div>
-      <div class="col-4 mt-auto align-center">
-        <button id="copy" class="btn btn-primary">
-          <i class="fas fa-copy"></i>
-          Copy
-        </button>
-        <button id="email" class="btn btn-primary">
-          <i class="fas fa-envelope"></i>
-          Email
-        </button>
-      </div>
-    </div>
-  </div>
-</div>

app/views/shared/components/_room_block.html.erb

@@ -1,8 +1,8 @@
 <div class="card">
   <div class="card-body p-1">
     <table class="table table-hover table-vcenter text-nowrap table-no-border">
-      <tbody>
-        <td style="border-top: none;">
+      <tbody class="no-border-top">
+        <td>
           <span class="stamp stamp-md bg-cyan">
             <% if room == current_user.main_room %>
               <i class="fas fa-home"></i>
@@ -11,8 +11,8 @@
             <% end %>
           </span>
         </td>
-        <td style="border-top: none;">
-          <h4 class="m-0 text-normal" style="color: #495057;"><%= room.name %></h4>
+        <td>
+          <h4 class="m-0 force-text-normal"><%= room.name %></h4>
           <div class="small text-muted">
             <% if room.sessions > 0 %>
               <i>Last session on <%= recording_date(room.last_session) %></i>
@@ -21,7 +21,7 @@
             <% end %>
           </div>
         </td>
-        <td class="text-right" style="border-top: none;">
+        <td class="text-right">
           <div class="item-action dropdown">
             <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
             <div class="dropdown-menu dropdown-menu-right">

app/views/shared/modals/_select_client_modal.html.erb

@@ -1,32 +0,0 @@
-<div class="modal fade" id="selectClientModal" tabindex="-1" role="dialog">
-  <div class="modal-dialog modal-dialog-centered" role="document">
-    <div class="modal-content text-center">
-      <div class="modal-body">
-        <div class="card-body p-6">
-          <div class="card-title text-primary">
-            <h3>Which client would you like to use?</h3>
-          </div>
-
-          <hr class="small-rule">
-          <div class="form-group">
-            <div class="selectgroup selectgroup-pills">
-              <label class="selectgroup-item">
-                <input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
-                <span class="selectgroup-button selectgroup-button-icon client-icon p-2"><i class="fab fa-html5 fa-3x"></i></span>
-                <p>HTML5</p>
-              </label>
-              <label class="selectgroup-item">
-                <input type="radio" name="icon-input" value="2" class="selectgroup-input">
-                <span class="selectgroup-button selectgroup-button-icon client-icon"><i class="fas fa-bolt fa-3x"></i></span>
-                <p>Flash</p>
-              </label>
-            </div>
-         </div>
-          <div class="card-footer">
-            <p>We recommend you use the HTML5 client for the best experience.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

app/views/shared/settings/_account.html.erb

@@ -29,7 +29,7 @@
           <span class="avatar avatar-xxl mr-5 mt-2" style="background-image: url(<%= current_user.image %>)"></span>
         <% end %>
       </div>
-      <div class="col-10" style="transform: translateY(25%);">
+      <div class="col-10 mt-5">
         <%= f.text_field :image, class: "form-control #{form_is_invalid?(@user, :image)}", placeholder: "Profile Image URL" %>
       </div>
     </div>