From 7ca15a9de2343463bef6b3870da3d3997d1eeaee Mon Sep 17 00:00:00 2001
From: Shivam Dave <sdave@ucsc.edu>
Date: Thu, 6 Aug 2015 14:11:59 -0700
Subject: [PATCH] [Mobile] Representation

Edited grid item to center
shared button.
---
 .../browse/res/templates/items/grid-item.html |  4 ++--
 platform/commonUI/general/res/css/items.css   | 20 ++++++++++++-------
 .../general/res/sass/mobile/_item.scss        |  7 +++++++
 3 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/platform/commonUI/browse/res/templates/items/grid-item.html b/platform/commonUI/browse/res/templates/items/grid-item.html
index 2a1cc38f00..175a47e055 100644
--- a/platform/commonUI/browse/res/templates/items/grid-item.html
+++ b/platform/commonUI/browse/res/templates/items/grid-item.html
@@ -26,7 +26,7 @@
             <div class='left abs'>
                 <mct-include key="_checkbox"></mct-include>
             </div>
-            <div class='right abs'>
+            <div class='right abs mobile-right'>
                 <div class='ui-symbol icon alert hidden' onclick="alert('Not yet functional. When this is visible, it means that this object needs to be updated. Clicking will allow that action via a dialog.');">!</div>
                 <div class='ui-symbol icon profile' title="Shared">P</div>
             </div>
@@ -44,7 +44,7 @@
             </div>
         </div>
     </div>
-    <div class="contents abs mobile-info">
+    <div class="contents abs mobile-info desktop-hide">
         <mct-representation class="contents abs btn s-very-subtle desktop-hide" key="'info-button'" mct-object="domainObject"></mct-representation>
     </div>
 </div>
diff --git a/platform/commonUI/general/res/css/items.css b/platform/commonUI/general/res/css/items.css
index d669127598..3457e4f0b3 100644
--- a/platform/commonUI/general/res/css/items.css
+++ b/platform/commonUI/general/res/css/items.css
@@ -402,16 +402,19 @@
     width: 100%;
     height: 50px; }
     /* line 74, ../sass/mobile/_item.scss */
+    .items-holder .item.grid-item .mobile-right {
+      top: 100%; }
+    /* line 77, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .mobile-info {
       line-height: 25px; }
-    /* line 78, ../sass/mobile/_item.scss */
+    /* line 81, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .item-main .item-type {
       line-height: 40px; }
-    /* line 82, ../sass/mobile/_item.scss */
+    /* line 85, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .title {
       margin-right: 10px;
       line-height: 25px; }
-    /* line 86, ../sass/mobile/_item.scss */
+    /* line 89, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .details {
       margin-right: 10px;
       line-height: 0px; } }
@@ -420,18 +423,21 @@
   .items-holder .item.grid-item {
     width: 100%;
     height: 66.66667px; }
-    /* line 96, ../sass/mobile/_item.scss */
+    /* line 99, ../sass/mobile/_item.scss */
+    .items-holder .item.grid-item .mobile-right {
+      top: 100%; }
+    /* line 103, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .mobile-info {
       line-height: 38px; }
-    /* line 100, ../sass/mobile/_item.scss */
+    /* line 107, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .item-main .item-type {
       font-size: 30px;
       line-height: 50px; }
-    /* line 105, ../sass/mobile/_item.scss */
+    /* line 112, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .title {
       margin-right: 10px;
       line-height: 38px; }
-    /* line 109, ../sass/mobile/_item.scss */
+    /* line 116, ../sass/mobile/_item.scss */
     .items-holder .item.grid-item .details {
       margin-right: 10px;
       line-height: 0px; } }
diff --git a/platform/commonUI/general/res/sass/mobile/_item.scss b/platform/commonUI/general/res/sass/mobile/_item.scss
index 4db43b885b..88f08cb343 100644
--- a/platform/commonUI/general/res/sass/mobile/_item.scss
+++ b/platform/commonUI/general/res/sass/mobile/_item.scss
@@ -71,6 +71,9 @@
                 $dHei: $phone-itemHeight;
                 width: $dWid;
                 height: $dHei;
+                .mobile-right {
+                    top: 100%;
+                }
                 .mobile-info {
                     line-height: $phone-itemHeight * .5;
                 }
@@ -93,6 +96,10 @@
                 $dHei: $tablet-itemHeight;
                 width: $dWid;
                 height: $dHei;
+                .mobile-right {
+                    top: 100%;
+                }
+                
                 .mobile-info {
                     line-height: $tablet-itemHeight * .57;
                 }