From 2d3f3965715414a6097a60e04ec0bc9612fa7041 Mon Sep 17 00:00:00 2001
From: mikhailov <mikhailov.anatoly@gmail.com>
Date: Sun, 5 Oct 2014 18:30:22 +0100
Subject: [PATCH] Extract repetitive CSS inline styles

Inline styles slow down rendering proportionally to containers number
---
 src/app/partials/dashboard.html | 2 +-
 src/css/less/grafana.less       | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/partials/dashboard.html b/src/app/partials/dashboard.html
index 2fa9bbcf2eb..eb28680161c 100644
--- a/src/app/partials/dashboard.html
+++ b/src/app/partials/dashboard.html
@@ -14,7 +14,7 @@
 	<div class="main-view-container">
 		<div class="grafana-row" ng-controller="RowCtrl" ng-repeat="(row_name, row) in dashboard.rows" row-height>
 			<div class="row-control">
-				<div class="row-control-inner" style="padding:0px;margin:0px;position:relative;">
+				<div class="row-control-inner">
 					<div class="row-close" ng-show="row.collapse" data-placement="bottom" >
 						<div class="row-close-buttons">
 							<span class="row-button bgPrimary" ng-click="toggle_row(row)">
diff --git a/src/css/less/grafana.less b/src/css/less/grafana.less
index 6c2c5e4ea61..b020c85c734 100644
--- a/src/css/less/grafana.less
+++ b/src/css/less/grafana.less
@@ -6,6 +6,12 @@
 @import "search.less";
 @import "panel.less";
 
+.row-control-inner {
+  padding:0px;
+  margin:0px;
+  position:relative;
+}
+
 .hide-controls {
   padding: 0;
   .row-control-inner {