From ae737740e72905d17c401083860b81be79fc2be1 Mon Sep 17 00:00:00 2001
From: Hugh Messenger <hugh.messenger@gmail.com>
Date: Thu, 22 Dec 2016 19:18:06 -0600
Subject: [PATCH] Added a 5px margin top to read only elements, so they line up
 better with labels (which have a 5px margin top to account for vertical
 centering with input fields)

---
 components/com_fabrik/models/element.php | 2 +-
 media/com_fabrik/css/fabrik.css          | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/com_fabrik/models/element.php b/components/com_fabrik/models/element.php
index bd5ea2afe39..c9cc64ad3a7 100644
--- a/components/com_fabrik/models/element.php
+++ b/components/com_fabrik/models/element.php
@@ -2378,7 +2378,7 @@ public function preRenderElement($data, $repeatCounter = 0)
 			$v = $this->getROElement($data, $repeatCounter);
 			//$v = $v == '' ? '&nbsp;' : $v;
 
-			return '<div id="' . $htmlId . '">' . $v . '</div>';
+			return '<div class="fabrikElementReadOnly" id="' . $htmlId . '">' . $v . '</div>';
 		}
 	}
 
diff --git a/media/com_fabrik/css/fabrik.css b/media/com_fabrik/css/fabrik.css
index 3b5f1d2a72c..4da93613473 100644
--- a/media/com_fabrik/css/fabrik.css
+++ b/media/com_fabrik/css/fabrik.css
@@ -563,6 +563,11 @@ td.repeat-reduce ul.fabrikRepeatData li {
 /************  Misc. Workarounds *************************/
 /*********************************************************/
 
+/** add a top margin for read only elements **/
+.fabrikElementReadOnly {
+	margin-top: 5px;
+}
+
 /** Workaround for Gantry's date class stomping on our date element class **/
 .fabrikGroup ul li.date {
 	font-weight: normal;