From c28e5a9caf3a734457557627eb75a04546a51585 Mon Sep 17 00:00:00 2001
From: atsy <atsybulsky@sbcg.com.ua>
Date: Sat, 3 Sep 2016 19:03:15 +0300
Subject: [PATCH] Finetune repo header - reorder elements

---
 src/zabapgit_page.prog.abap | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/zabapgit_page.prog.abap b/src/zabapgit_page.prog.abap
index a668e1920..ad8d74ee1 100644
--- a/src/zabapgit_page.prog.abap
+++ b/src/zabapgit_page.prog.abap
@@ -80,14 +80,14 @@ CLASS lcl_gui_page_super IMPLEMENTATION.
 
     ro_html->add( '<td class="repo_name">' ).
     ro_html->add( |<img src="{ lv_icon }">| ).
-    ro_html->add( |<span>{ io_repo->get_name( ) }</span>| ).
+    ro_html->add( |<span class="name">{ io_repo->get_name( ) }</span>| ).
+    IF io_repo->is_offline( ) = abap_false.
+      lo_repo_online ?= io_repo.
+      ro_html->add( |<span class="url">{ lo_repo_online->get_url( ) }</span>| ).
+    ENDIF.
     ro_html->add( '</td>' ).
 
     ro_html->add( '<td class="repo_attr right">' ).
-    IF iv_show_package = abap_true.
-      ro_html->add( '<img src="img/pkg">' ).
-      ro_html->add( |<span>{ io_repo->get_package( ) }</span>| ).
-    ENDIF.
 
     IF io_repo->is_offline( ) = abap_false.
       lo_repo_online ?= io_repo.
@@ -99,8 +99,11 @@ CLASS lcl_gui_page_super IMPLEMENTATION.
           ro_html->add( |<span>{ iv_branch }</span>| ).
         ENDIF.
       ENDIF.
-      ro_html->add( '<img src="img/link">' ).
-      ro_html->add( |<input type="text" value="{ lo_repo_online->get_url( ) }" readonly>| ).
+    ENDIF.
+
+    IF iv_show_package = abap_true.
+      ro_html->add( '<img src="img/pkg">' ).
+      ro_html->add( |<span>{ io_repo->get_package( ) }</span>| ).
     ENDIF.
 
     ro_html->add( '</td>' ).
@@ -324,11 +327,16 @@ CLASS lcl_gui_page_super IMPLEMENTATION.
     _add '  background-color: #f2f2f2;'.
     _add '  padding: 0.5em 1em 0.5em 1em;'.
     _add '}'.
-    _add '.repo_name span {'.
+    _add '.repo_name span.name {'.
     _add '  font-weight: bold;'.
     _add '  color: #333;'.
     _add '  font-size: 14pt;'.
     _add '}'.
+    _add '.repo_name span.url {'.
+    _add '  color: #ccc;'.
+    _add '  font-size: 12pt;'.
+    _add '  margin-left: 0.5em;'.
+    _add '}'.
     _add '.repo_name img {'.
     _add '  vertical-align: baseline;'.
     _add '  margin: 0 5px 0 5px;'.
@@ -341,15 +349,6 @@ CLASS lcl_gui_page_super IMPLEMENTATION.
     _add '  margin-left: 0.2em;'.
     _add '  margin-right: 0.5em;'.
     _add '}'.
-    _add '.repo_attr input {'.
-    _add '  color: grey;'.     " Input wants it personaly
-    _add '  font-size: 12pt;'. " Input wants it personaly
-    _add '  margin-left: 0.5em;'.
-    _add '  margin-right: 0.5em;'.
-    _add '  background-color: transparent;'.
-    _add '  border-style: none;'.
-    _add '  text-overflow: ellipsis;'.
-    _add '}'.
 
     " Other and outdated (?) styles
     _add '/* MISC AND REFACTOR */'.