From 8828c14230e3e4851f33c37ac6fad40a8e87976e Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Mon, 19 Mar 2018 20:24:38 +0100
Subject: [PATCH] app/views/callback/show.volt: move some stuff around and add
 2 rows for list header to make room for source ip and method.

---
 app/assets/less/components/request-item.less | 34 +++++++++++-----
 app/views/callback/show.volt                 | 43 ++++++++++++++------
 2 files changed, 55 insertions(+), 22 deletions(-)

diff --git a/app/assets/less/components/request-item.less b/app/assets/less/components/request-item.less
index 72b2772..378b5ed 100644
--- a/app/assets/less/components/request-item.less
+++ b/app/assets/less/components/request-item.less
@@ -35,23 +35,37 @@
                 }
             }
 
-            &-uri {
-                display: inline-block;
-                width: 45%;
+            &-row {
+                display: block;
+                & + & {
+                    margin-top: .4em;
+                }
             }
 
-            &-size {
+            &-method,
+            &-uri,
+            &-type,
+            &-timestamp,
+            &-size,
+            &-ip {
                 display: inline-block;
-                width: 10%;
+                .icon {
+                    margin: 0 .2em;
+                }
+            }
+
+            &-method {
+                font-weight: bold;
             }
 
             &-type,
+            &-size {
+                width: 30%;
+            }
+
+            &-ip,
             &-timestamp {
-                display: inline-block;
-                width: 20%;
-                .icon {
-                    padding: 0 .4em;
-                }
+                float: right;
             }
         }
 
diff --git a/app/views/callback/show.volt b/app/views/callback/show.volt
index afa613a..24ddb7f 100644
--- a/app/views/callback/show.volt
+++ b/app/views/callback/show.volt
@@ -14,21 +14,40 @@
                data-toggle="collapse" data-parent="#request-log"
                aria-expanded="true" aria-controls="request{{ index }}">
 
-                <span class="request-list-item-header-uri">
-                    {{ icon('android-locate') }} <span class="url">{{ urlStyle(req.getUri()) }}</span>
-                </span>
+                <div class="request-list-item-header-row">
 
-                <span class="request-list-item-header-timestamp">
-                    {{ icon('android-time') }} {{ req.getTimestamp() }}
-                </span>
+                    <span class="request-list-item-header-method">
+                        {{ req.getMethod() }}
+                    </span>
+
+                    <span class="request-list-item-header-uri">
+                        <span class="url">{{ urlStyle(req.getUri()) }}</span>
+                    </span>
+
+                    <span class="request-list-item-header-timestamp">
+                        {{ icon('android-time') }} {{ req.getTimestamp() }}
+                    </span>
+                </div>
+
+                <div class="request-list-item-header-row">
+
+
+
+                    <span class="request-list-item-header-type">
+                        {{ icon('android-list') }} {{ req.getType() }}
+                    </span>
+
+                    <span class="request-list-item-header-size">
+                        {{ icon('cube') }} {{ req.getSize() }} b
+                    </span>
+
+                    <span class="request-list-item-header-ip">
+                        {{ icon('location') }} {{ req.getSourceIp() }}
+                    </span>
+
+                </div>
 
-                <span class="request-list-item-header-type">
-                    {{ icon('android-list') }} {{ req.getType() }}
-                </span>
 
-                <span class="request-list-item-header-size">
-                    {{ icon('cube') }} {{ req.getSize() }} b
-                </span>
             </a>
 
             <div class="collapse" id="request{{ index }}"