From 752b2aa485eb4fd4e36e71afa42bb42011ea8fba Mon Sep 17 00:00:00 2001
From: Jonas De Taeye <jonasdt@fastmail.fm>
Date: Sun, 13 Mar 2016 21:32:34 +0100
Subject: [PATCH] Make sure method-info aligns after breaking on delimiter

---
 src/Whoops/Resources/css/whoops.base.css       | 8 ++++++++
 src/Whoops/Resources/views/frame_list.html.php | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/Whoops/Resources/css/whoops.base.css b/src/Whoops/Resources/css/whoops.base.css
index 4c1ef71..0662c46 100644
--- a/src/Whoops/Resources/css/whoops.base.css
+++ b/src/Whoops/Resources/css/whoops.base.css
@@ -156,6 +156,14 @@ header {
       font-size: 14px;
     }
 
+    .frame-index {
+      float: left;
+    }
+
+    .frame-method-info {
+      margin-left: 24px;
+    }
+
     .frame-index {
       font-size: 11px;
       color: #a29d9d;
diff --git a/src/Whoops/Resources/views/frame_list.html.php b/src/Whoops/Resources/views/frame_list.html.php
index 3f1e1e5..3560c3b 100644
--- a/src/Whoops/Resources/views/frame_list.html.php
+++ b/src/Whoops/Resources/views/frame_list.html.php
@@ -3,8 +3,8 @@
          for that particular frame */ ?>
 <?php foreach ($frames as $i => $frame): ?>
   <div class="frame <?php echo ($i == 0 ? 'active' : '') ?>" id="frame-line-<?php echo $i ?>">
+      <span class="frame-index"><?php echo (count($frames) - $i - 1) ?></span>
       <div class="frame-method-info">
-        <span class="frame-index"><?php echo (count($frames) - $i - 1) ?></span>
         <span class="frame-class"><?php echo $tpl->breakOnDelimiter('\\', $tpl->escape($frame->getClass() ?: '')) ?></span>
         <span class="frame-function"><?php echo $tpl->breakOnDelimiter('\\', $tpl->escape($frame->getFunction() ?: '')) ?></span>
       </div>