From f7b481fc28fe252f9861134532e6401895525a8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Wed, 2 Mar 2016 21:31:49 +0100
Subject: [PATCH] ux(): updated inspector modal

---
 public/app/partials/inspector.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/public/app/partials/inspector.html b/public/app/partials/inspector.html
index 9187e429613..1b1510090ad 100644
--- a/public/app/partials/inspector.html
+++ b/public/app/partials/inspector.html
@@ -1,21 +1,23 @@
-<div class="modal-body gf-box gf-box-no-margin" ng-controller="InspectCtrl" ng-init="init()">
-	<div class="gf-box-header">
-		<div class="gf-box-title">
-			<i class="fa fa-eye"></i>
+<div class="modal-body" ng-controller="InspectCtrl" ng-init="init()">
+	<div class="modal-header">
+		<h2 class="modal-header-title">
 			Inspector
-		</div>
+		</h2>
 
-		<div ng-model="editor.index" bs-tabs>
-			<div ng-repeat="tab in ['Request', 'Response', 'JS Error']" data-title="{{tab}}">
-			</div>
-		</div>
+		<ul class="gf-tabs">
+			<li class="gf-tabs-item" ng-repeat="tab in ['Request', 'Response', 'JS Error']">
+				<a class="gf-tabs-link" ng-click="editor.index = $index" ng-class="{active: editor.index === $index}">
+					{{::tab}}
+				</a>
+			</li>
+		</ul>
 
-		<button class="gf-box-header-close-btn" ng-click="dismiss();">
+		<a class="modal-header-close" ng-click="dismiss();">
 			<i class="fa fa-remove"></i>
-		</button>
+		</a>
 	</div>
 
-	<div class="gf-box-body">
+	<div class="modal-content">
 
 		<div ng-if="editor.index == 0">
 			<h5 class="section-heading">Request details</h5>