From 73da7f6f8d18d27c5bab315353c44031da36fd81 Mon Sep 17 00:00:00 2001
From: Codenift <alexpena916@gmail.com>
Date: Fri, 13 Mar 2020 03:24:43 -0400
Subject: [PATCH] minor tweak, tooltip style

---
 airtime_mvc/public/css/media_library.css      | 29 +++++++-----
 .../public/js/airtime/library/library.js      | 44 +++++++++++++------
 2 files changed, 48 insertions(+), 25 deletions(-)

diff --git a/airtime_mvc/public/css/media_library.css b/airtime_mvc/public/css/media_library.css
index 9d9e44d7e..fbe24b9c4 100644
--- a/airtime_mvc/public/css/media_library.css
+++ b/airtime_mvc/public/css/media_library.css
@@ -148,16 +148,15 @@ td.library_track_type
 }
 
 .library_track_type_btn {
-	float: left;
-	font-weight: bold;
-	white-space: nowrap;
+	font-weight: 600;
+  font-size: 13px;
+  white-space: nowrap;
+  overflow: hidden;
 	border: 1px solid #ccc;
-	border-radius: 2px;
-	padding: 0px !important;
-	margin: 0px !important;
-	margin-right: 6px !important;
-	line-height: 17px !important;
-	padding: 3px !important;
+	border-radius: 1px;
+	margin: 5px 6px !important;
+	line-height: 13px !important;
+	padding: 5px 6px !important;
 }
 
 .library_track_type_btn:hover {
@@ -171,9 +170,15 @@ tr.lib-selected > td > div.library_track_type_btn:hover {
 	color: #eee;
 }
 .track-type-tip{
-    margin-left: -50px;
-    margin-top: -68px;
-    z-index: 1000 !important;
+    overflow: visible;
+    overflow-y: visible;
+    margin-left: -30px;
+    margin-top: -61px;
+    z-index: 10000 !important;
+}
+
+.track-type-tip.qtip-pos-tl{
+    color: #000;
 }
 
 .library_import {
diff --git a/airtime_mvc/public/js/airtime/library/library.js b/airtime_mvc/public/js/airtime/library/library.js
index 81e500628..444c921da 100644
--- a/airtime_mvc/public/js/airtime/library/library.js
+++ b/airtime_mvc/public/js/airtime/library/library.js
@@ -778,19 +778,37 @@ var AIRTIME = (function(AIRTIME) {
 
                                         if(value['code'] == aData.track_type){
                                             $("#au_"+aData.id+" td.library_track_type div.library_track_type_btn").qtip({
-                                              content: {
-                                                  text: value['type_name']
-                                              },
-                                              style: {
-                                                classes: 'track-type-tip'
-                                              },
-                                              show: {
-                                                ready: true
-                                              },
-                                              hide: {
-                                                distance: 30,
-                                                fixed: true,
-                                              }
+                                                  overwrite: false,
+                                                  content: {
+                                                      text: value['type_name']
+                                                  },
+                                                  style: {
+                                                    classes: 'track-type-tip',
+                                                    widget: true,
+                                                    def: false,
+                                                    position: {
+                                                        target: $("#au_"+aData.id+" td.library_track_type"), // my target
+                                                        my: 'bottom center',
+                                                        at: 'top center',
+                                                        adjust: {
+                                                              x: 50
+                                                          }
+                                                    },
+                                                    tip: {
+                                                        height: 5,
+                                                        width: 12,
+                                                        corner: 'bottom left',
+                                                        mimic: 'left'
+                                                    }
+                                                  },
+                                                  show: {
+                                                    ready: true
+                                                  },
+                                                  hide: {
+                                                    distance: 30,
+                                                    delay: 200,
+                                                    fixed: true,
+                                                  }
                                             });
 
                                             type_enabled = true;