Cleaner login tweaks

api/functions/organizr-functions.php

@@ -1385,7 +1385,12 @@ function showoAuth()
 	}
 	return ($buttons) ? '
 		<div class="panel">
-            <div class="panel-heading bg-org" id="plex-login-heading" role="tab"> <a class="panel-title" data-toggle="collapse" href="#plex-login-collapse" data-parent="#login-panels" aria-expanded="false" aria-controls="organizr-login-collapse"> Login With Plex </a> </div>
+            <div class="panel-heading bg-org" id="plex-login-heading" role="tab">
+            	<a class="panel-title" data-toggle="collapse" href="#plex-login-collapse" data-parent="#login-panels" aria-expanded="false" aria-controls="organizr-login-collapse">
+	                <img class="lazyload loginTitle" data-src="plugins/images/tabs/plex.png"> &nbsp;
+                    <span class="text-uppercase fw300" lang="en">Login with Plex</span>
+            	</a>
+            </div>
             <div class="panel-collapse collapse in" id="plex-login-collapse" aria-labelledby="plex-login-heading" role="tabpanel">
                 <div class="panel-body">
                		<div class="row">

api/pages/login.php

@@ -39,7 +39,13 @@ if(activeInfo.settings.login.rememberMe){
         <div class="panel-group" id="login-panels" data-type="accordion" aria-multiselectable="true" role="tablist">
 	        <!-- ORGANIZR LOGIN -->
 	        <div class="panel">
-	            <div class="panel-heading bg-org" id="organizr-login-heading" role="tab"> <a class="panel-title collapsed" data-toggle="collapse" href="#organizr-login-collapse" data-parent="#login-panels" aria-expanded="false" aria-controls="organizr-login-collapse"> Login With Organizr </a> </div>
+	            <div class="panel-heading bg-org" id="organizr-login-heading" role="tab">
+	            	<a class="panel-title collapsed" data-toggle="collapse" href="#organizr-login-collapse" data-parent="#login-panels" aria-expanded="false" aria-controls="organizr-login-collapse">
+                        <img class="lazyload loginTitle" data-src="plugins/images/organizr/logo-no-border.png"> &nbsp;
+                        <span class="text-uppercase fw300" lang="en">Login with Organizr</span>
+	            	</a>
+	            	<div class="clearfix"></div>
+	            </div>
 	            <div class="panel-collapse ' . $hideOrganizrLogin . '" id="organizr-login-collapse" aria-labelledby="organizr-login-heading" role="tabpanel">
 	                <div class="panel-body">
 	                

css/organizr.css

@@ -1209,6 +1209,22 @@ span.fc-title {
     margin-top: -45px;
     margin-left: -45px;
 }
+.loginTitle {
+    height: 22px;
+    margin-top: -2px;
+}
+.fw300 {
+    font-weight: 300;
+}
+.fw400 {
+    font-weight: 400;
+}
+.fw500 {
+    font-weight: 500;
+}
+.fw600 {
+    font-weight: 600;
+}
 /*
 body,
 html {