Issue #1060: Button layout.

RotherOSS · Nov 2, 2021 · c54bf96 · c54bf96
1 parent ed2b57a
commit c54bf96
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 7 deletions.
diff --git a/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt b/Kernel/Output/HTML/Templates/Standard/CustomerTicketZoom.tt
@@ -40,13 +40,15 @@
         </div>
     </div>
     <div id='oooMainBox' class="Content">
-#[% RenderBlockStart("NextActivities") %]
-        <div id="Activities">
+        <div id="ProcessActivities">
+[% RenderBlockStart("NextActivities") %]
+            <div id="NextActivities">
 [% RenderBlockStart("ActivityDialog") %]
-            <button id="Button_[% Data.ActivityDialogEntityID | uri %]" title="[% Data.Name | html %]">[% Data.Name | html %]</button>
+                <button id="Button_[% Data.ActivityDialogEntityID | uri %]" title="[% Data.Name | html %]" class="oooM">[% Data.Name | html %]</button>
 [% RenderBlockEnd("ActivityDialog") %]
+            </div>
+[% RenderBlockEnd("NextActivities") %]
         </div>
-#[% RenderBlockEnd("NextActivities") %]
         <ul id='oooArticleList'>
         </ul>
         <ul id='oooArticleListExpanded'>

diff --git a/var/httpd/htdocs/skins/Customer/default/css/Core.TicketZoom.css b/var/httpd/htdocs/skins/Customer/default/css/Core.TicketZoom.css
@@ -234,10 +234,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
         grid-row-gap: 0px;
     }
 
-    #Activities {
+    #ProcessActivities {
         grid-area: 1 / 1 / 2 / 3;
-        padding: 0;
-        margin: 0;
     }
 
     #oooArticleList {
@@ -445,6 +443,22 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
     margin-left: 4px;
 }
 
+/* Processes */
+
+#ProcessActivities {
+    padding: 0;
+    margin: 0;
+}
+
+#NextActivities {
+    padding-bottom: 24px;
+    text-align: right;
+}
+
+#NextActivities > button {
+    margin-left: 16px;
+}
+
 /* Follow Up */
 
 @media only screen and (max-width: 767px) {