From dbdcb2cdc6ab75df2bbc7ef1a79e211a78bc0105 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 14 Jul 2022 20:04:50 +0200
Subject: [PATCH 01/10] cellphone style

---
 src/cryptoadvance/specter/static/styles.css                 | 4 ++++
 .../specter/templates/includes/page-limit-select.html       | 6 ++++--
 src/cryptoadvance/specter/templates/includes/tx-table.html  | 5 +++--
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/cryptoadvance/specter/static/styles.css b/src/cryptoadvance/specter/static/styles.css
index bb28268564..715006237e 100644
--- a/src/cryptoadvance/specter/static/styles.css
+++ b/src/cryptoadvance/specter/static/styles.css
@@ -1147,6 +1147,10 @@ nav.collapse-on-mobile a.mobile-nav-icon {
   }
 }
 @media (max-width: 690px){
+    .table-holder{
+        padding-left: 10px;
+        padding-right: 10px;
+    }
     .card{
         border-width: 0px;
         width: auto;
diff --git a/src/cryptoadvance/specter/templates/includes/page-limit-select.html b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
index 13fdd07861..397a4dd2db 100644
--- a/src/cryptoadvance/specter/templates/includes/page-limit-select.html
+++ b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
@@ -14,13 +14,15 @@
             background-image: url(/../../static/img/down-arrow.svg);
             background-position: right;
             background-size: 1.3em;
-            min-width: 80px;
+            min-width: 60px;
         }
         .page-limit-option {
             background-color: var(--cmap-bg-lighter);
         }
+
+
     </style>
-    <span class="page-limit-label">{{ _("Page limit") }}: </span>
+    <span class="page-limit-label optional">{{ _("Page limit") }}: </span>
     <fieldset class="page-limit-fieldset">
         <select class="page-limit-select">
             <option value="" class="page-limit-option" disabled="disabled">Entries</option>
diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 2505bd5b3f..51009409bd 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -134,7 +134,7 @@
             float: right;
         }
         .selected-rows-action-box .btn {
-            width: 200px;
+            min-width: 200px;
             margin: 5px;
             height: 38px;
         }
@@ -185,6 +185,7 @@
             width: 100%;
             margin-bottom: 10px;
             border: 1.5px solid var(--cmap-border);
+            overflow-x: scroll;
         }
         .scrollbar {
             overflow-y: auto;
@@ -220,7 +221,7 @@
             display: flex;
             flex-direction: column;
             height: 100%;
-        }
+        } 
     </style>
 
     <nav class="switcher row">

From 37ea49137a724f719b34599f984f41373e6685ed Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 14 Jul 2022 20:51:54 +0200
Subject: [PATCH 02/10] nice y behavior, but tooltip missing.

---
 .../specter/templates/includes/tx-table.html             | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 51009409bd..9668e62708 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -144,6 +144,7 @@
             font-size: 15px;
             line-height: 12px;
             font-weight: 50;
+            margin-right: 10px;
         }
         .freeze-tx-btn {
             border: 1px solid var(--cmap-border);
@@ -222,6 +223,14 @@
             flex-direction: column;
             height: 100%;
         } 
+
+        @media (max-width: 690px){
+            .search-container {
+                justify-content: normal;
+                overflow-x: scroll;
+            }
+        }
+
     </style>
 
     <nav class="switcher row">

From c6d5f4e00b90ed58b3123453553194393deca0c6 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 14 Jul 2022 21:11:37 +0200
Subject: [PATCH 03/10] buttons  in a second row

---
 .../specter/templates/includes/tx-table.html  | 93 +++++++++++--------
 1 file changed, 54 insertions(+), 39 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 9668e62708..049f88061f 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -87,6 +87,11 @@
             border: 1.5px solid var(--cmap-border);
             z-index: 3;
         }
+        .search-container-left-part {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
         .page-limit-label {
             margin-left: 5px;
         }
@@ -227,7 +232,13 @@
         @media (max-width: 690px){
             .search-container {
                 justify-content: normal;
-                overflow-x: scroll;
+                display: block;
+
+            }
+            .search-container {
+                justify-content: normal;
+                /*overflow-x: scroll;*/
+
             }
         }
 
@@ -252,47 +263,51 @@
         <br>
     </div>
     <div class="search-container">
-        <!--Left part of the toolbar-->
-        {% include "includes/page-limit-select.html" %}
-         <!--Middle part of the toolbar-->
-        <div style="flex-grow: 0.5">
-            <input class="search" type="text" placeholder="Search..."></input>
-        </div>
-        <div style="flex: 0 0 35px">
-            <tool-tip>
-                <h4 slot="title">{{ _('Search options') }}</h4>
-                <span slot="paragraph">
-                    {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
-                    {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
-                    {{ _('Search like this for amounts:') }} <br>
-                    <code> 1</code> {{ _("for anything more than 1") }}<br>
-                    <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
-                </span>
-            </tool-tip>
-        </div>
-        <!--Right part of the toolbar-->
-        <div id="action-teaser" class="action-teaser hidden" style="flex-grow: 1"> 
-            <span id="action-teaser-text" class="action-teaser-text">Select checkboxes for actions</span>
-        </div>
-        <div class="selected-rows-action-box row hidden">
-            <form class="freeze-tx-form" method="POST">
-                <input type="hidden" class="csrf-token" name="csrf_token" value="{{ csrf_token() }}"/>
-                <button type="button" class="btn freeze-tx-btn">
+        <div class="search-container-left-part">
+            <!--Left part of the toolbar-->
+            {% include "includes/page-limit-select.html" %}
+            <!--Middle part of the toolbar-->
+            <div style="flex-grow: 0.5">
+                <input class="search" type="text" placeholder="Search..."></input>
+            </div>
+            <div style="flex: 0 0 35px">
                 <tool-tip>
-                    <h4 slot="title">{{ _('Freezing UTXOs') }}</h4>
+                    <h4 slot="title">{{ _('Search options') }}</h4>
                     <span slot="paragraph">
-                        {{ _("Freezing a UTXO will make Specter disallow spending it.") }}<br><br>
-                        {{ _("This is useful especially for dealing with a dust attack, where you don't want to accidentally spend the dust received.") }}
+                        {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
+                        {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
+                        {{ _('Search like this for amounts:') }} <br>
+                        <code> 1</code> {{ _("for anything more than 1") }}<br>
+                        <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
                     </span>
-                </tool-tip>&nbsp;&nbsp;
-                Un/Freeze UTXOs
-                </button>
-            </form>
-            <form class="compose-tx-form" method="POST">
-                <input type="hidden" class="csrf-token" name="csrf_token" value="{{ csrf_token() }}"/>
-                <button type="button" class="btn compose-tx-btn">{{ _("Create new transaction") }}</button>
-            </form>
-            <a id="manage-psbt-btn" type="button" class="btn manage-psbt-btn hidden" href="">{{ _("Manage unsigned PSBT") }}</a>
+                </tool-tip>
+            </div>
+        </div>
+        <div>
+            <!--Right part of the toolbar-->
+            <div id="action-teaser" class="action-teaser hidden" style="flex-grow: 1"> 
+                <span id="action-teaser-text" class="action-teaser-text">Select checkboxes for actions</span>
+            </div>
+            <div class="selected-rows-action-box row hidden">
+                <form class="freeze-tx-form" method="POST">
+                    <input type="hidden" class="csrf-token" name="csrf_token" value="{{ csrf_token() }}"/>
+                    <button type="button" class="btn freeze-tx-btn">
+                    <tool-tip>
+                        <h4 slot="title">{{ _('Freezing UTXOs') }}</h4>
+                        <span slot="paragraph">
+                            {{ _("Freezing a UTXO will make Specter disallow spending it.") }}<br><br>
+                            {{ _("This is useful especially for dealing with a dust attack, where you don't want to accidentally spend the dust received.") }}
+                        </span>
+                    </tool-tip>&nbsp;&nbsp;
+                    Un/Freeze UTXOs
+                    </button>
+                </form>
+                <form class="compose-tx-form" method="POST">
+                    <input type="hidden" class="csrf-token" name="csrf_token" value="{{ csrf_token() }}"/>
+                    <button type="button" class="btn compose-tx-btn">{{ _("Create new transaction") }}</button>
+                </form>
+                <a id="manage-psbt-btn" type="button" class="btn manage-psbt-btn hidden" href="">{{ _("Manage unsigned PSBT") }}</a>
+            </div>
         </div>
         <div id="scrollbar-checkbox-div" class="scrollbar-checkbox-div row hidden">
             {{ _("Table scrollbar") }} &nbsp;&nbsp;

From d9a2cd6f8e5716650a4ae4a42f9bc1737577151f Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 14 Jul 2022 21:37:36 +0200
Subject: [PATCH 04/10] working stopPropagation

---
 src/cryptoadvance/specter/templates/includes/tx-row.html   | 3 ++-
 src/cryptoadvance/specter/templates/includes/tx-table.html | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-row.html b/src/cryptoadvance/specter/templates/includes/tx-row.html
index 4b5e31bda0..c89df0b009 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-row.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-row.html
@@ -342,7 +342,7 @@
             // Select tx option
             if (this.mode == 'utxo') {
                 this.selectTxImg.classList.remove('hidden');
-                this.selectTxImg.onclick = () => {
+                this.selectTxImg.onclick = (e) => {
                     this.selectTxImg.src = this.selectTxValue.value ? `{{ url_for('static', filename='img/checkbox-untick.svg') }}` : `{{ url_for('static', filename='img/checkbox-tick.svg') }}`;
                     this.selectTxValue.value = this.selectTxValue.value ? "" : "true";
                     let event = new CustomEvent('txRowSelected', { detail: {
@@ -353,6 +353,7 @@
                         locked: this.tx.locked,
                     } });
                     this.dispatchEvent(event);
+                    e.stopPropagation(); // this prevent the onclick of outer divs to be triggered
                 }
             } else {
                 this.selectTxImg.classList.add('hidden');
diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 049f88061f..a2cc848fe4 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -139,7 +139,7 @@
             float: right;
         }
         .selected-rows-action-box .btn {
-            min-width: 200px;
+            min-width: 170px;
             margin: 5px;
             height: 38px;
         }

From d55e1efd66ba111f80088e491730ea3ecbf0d0e7 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 28 Jul 2022 08:21:50 +0200
Subject: [PATCH 05/10] fixing the left and middle part of the toolbar again

---
 .../specter/templates/includes/tx-table.html  | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 58ebed22b1..782e7a95ae 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -90,6 +90,11 @@
             z-index: 3;
             padding: 5px 5px 5px 5px;
         }
+        .search-container-left-and-middle-part {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }        
         .page-limit-label {
             margin-left: 5px;
         }
@@ -302,23 +307,25 @@
         <br>
     </div>
     <div class="search-container">
-        <!--Left part of the toolbar-->
-        {% include "includes/page-limit-select.html" %}
-         <!--Middle part of the toolbar-->
-        <div style="flex-grow: 0.2">
-            <input class="search" type="text" placeholder="Search..."></input>
-        </div>
-        <div id="tooltip-container" class="tooltip-no-grow tooltip-width">
-            <tool-tip>
-                <h4 slot="title">{{ _('Search options') }}</h4>
-                <span slot="paragraph">
-                    {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
-                    {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
-                    {{ _('Search like this for amounts:') }} <br>
-                    <code> 1</code> {{ _("for anything more than 1") }}<br>
-                    <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
-                </span>
-            </tool-tip>
+        <div class="search-container-left-and-middle-part">
+            <!--Left part of the toolbar-->
+            {% include "includes/page-limit-select.html" %}
+            <!--Middle part of the toolbar-->
+            <div style="flex-grow: 0.2">
+                <input class="search" type="text" placeholder="Search..."></input>
+            </div>        
+            <div id="tooltip-container" class="tooltip-no-grow tooltip-width">
+                <tool-tip>
+                    <h4 slot="title">{{ _('Search options') }}</h4>
+                    <span slot="paragraph">
+                        {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
+                        {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
+                        {{ _('Search like this for amounts:') }} <br>
+                        <code> 1</code> {{ _("for anything more than 1") }}<br>
+                        <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
+                    </span>
+                </tool-tip>
+            </div>
         </div>
         <!--Right part of the toolbar-->
         <div id="action-teaser" class="action-teaser hidden" style="margin-right: 5px; margin-left: 5px;"> 

From 87c35497b95f782d30a4b701f2e58993febf8893 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 28 Jul 2022 08:26:36 +0200
Subject: [PATCH 06/10] undoing the toolbar

---
 .../templates/includes/page-limit-select.html |  2 +-
 .../specter/templates/includes/tx-table.html  | 41 ++++++++-----------
 2 files changed, 18 insertions(+), 25 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/page-limit-select.html b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
index c0648cbe85..7ef1fcb47c 100644
--- a/src/cryptoadvance/specter/templates/includes/page-limit-select.html
+++ b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
@@ -19,7 +19,7 @@
 
 
     </style>
-    <span class="page-limit-label optional">{{ _("Page limit") }}: </span>
+    <span class="page-limit-label">{{ _("Page limit") }}: </span>
     <fieldset class="page-limit-fieldset">
         <select class="page-limit-select">
             <option value="" class="page-limit-option" disabled="disabled">Entries</option>
diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 782e7a95ae..4c1121c520 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -90,11 +90,6 @@
             z-index: 3;
             padding: 5px 5px 5px 5px;
         }
-        .search-container-left-and-middle-part {
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }        
         .page-limit-label {
             margin-left: 5px;
         }
@@ -307,25 +302,23 @@
         <br>
     </div>
     <div class="search-container">
-        <div class="search-container-left-and-middle-part">
-            <!--Left part of the toolbar-->
-            {% include "includes/page-limit-select.html" %}
-            <!--Middle part of the toolbar-->
-            <div style="flex-grow: 0.2">
-                <input class="search" type="text" placeholder="Search..."></input>
-            </div>        
-            <div id="tooltip-container" class="tooltip-no-grow tooltip-width">
-                <tool-tip>
-                    <h4 slot="title">{{ _('Search options') }}</h4>
-                    <span slot="paragraph">
-                        {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
-                        {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
-                        {{ _('Search like this for amounts:') }} <br>
-                        <code> 1</code> {{ _("for anything more than 1") }}<br>
-                        <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
-                    </span>
-                </tool-tip>
-            </div>
+        <!--Left part of the toolbar-->
+        {% include "includes/page-limit-select.html" %}
+        <!--Middle part of the toolbar-->
+        <div style="flex-grow: 0.2">
+            <input class="search" type="text" placeholder="Search..."></input>
+        </div>        
+        <div id="tooltip-container" class="tooltip-no-grow tooltip-width">
+            <tool-tip>
+                <h4 slot="title">{{ _('Search options') }}</h4>
+                <span slot="paragraph">
+                    {{ _("You can search using addresses, tx-IDs, labels, confirmations or amounts.") }}<br><br>
+                    {{ _('Search like this in the time field:') }} <code>%d.%m.%Y %H:%M</code><br><br>
+                    {{ _('Search like this for amounts:') }} <br>
+                    <code> 1</code> {{ _("for anything more than 1") }}<br>
+                    <code>< 1</code> {{ _("for less than 1 BTC (don't forget the space)") }}<br>
+                </span>
+            </tool-tip>
         </div>
         <!--Right part of the toolbar-->
         <div id="action-teaser" class="action-teaser hidden" style="margin-right: 5px; margin-left: 5px;"> 

From 1d74f858ed764b5e18b03d1b10def71785833516 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 28 Jul 2022 08:30:45 +0200
Subject: [PATCH 07/10] removed now useless code

---
 .../templates/includes/page-limit-select.html  |  4 +---
 .../specter/templates/includes/tx-table.html   | 18 ++----------------
 2 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/page-limit-select.html b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
index 7ef1fcb47c..83097b05c8 100644
--- a/src/cryptoadvance/specter/templates/includes/page-limit-select.html
+++ b/src/cryptoadvance/specter/templates/includes/page-limit-select.html
@@ -11,13 +11,11 @@
             background-image: url(/../../static/img/down-arrow.svg);
             background-position: right;
             background-size: 1.3em;
-            min-width: 60px;
+            min-width: 80px;
         }
         .page-limit-option {
             background-color: var(--cmap-bg-lighter);
         }
-
-
     </style>
     <span class="page-limit-label">{{ _("Page limit") }}: </span>
     <fieldset class="page-limit-fieldset">
diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 4c1121c520..64d76aa85c 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -159,7 +159,6 @@
             font-size: 15px;
             line-height: 12px;
             font-weight: 50;
-            margin-right: 10px;
         }
         .freeze-tx-btn {
             border: 1px solid var(--cmap-border);
@@ -268,19 +267,6 @@
             height: 100%;
         } 
 
-        @media (max-width: 690px){
-            .search-container {
-                justify-content: normal;
-                display: block;
-
-            }
-            .search-container {
-                justify-content: normal;
-                /*overflow-x: scroll;*/
-
-            }
-        }
-
     </style>
 
     <nav class="switcher row">
@@ -304,10 +290,10 @@
     <div class="search-container">
         <!--Left part of the toolbar-->
         {% include "includes/page-limit-select.html" %}
-        <!--Middle part of the toolbar-->
+         <!--Middle part of the toolbar-->
         <div style="flex-grow: 0.2">
             <input class="search" type="text" placeholder="Search..."></input>
-        </div>        
+        </div>
         <div id="tooltip-container" class="tooltip-no-grow tooltip-width">
             <tool-tip>
                 <h4 slot="title">{{ _('Search options') }}</h4>

From 5e19947568c996103b1a2a0e1a0cf939e4efe87d Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Tue, 9 Aug 2022 19:32:07 +0200
Subject: [PATCH 08/10] removed empty line

---
 src/cryptoadvance/specter/templates/includes/tx-table.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 64d76aa85c..f4bab5838e 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -265,8 +265,7 @@
             display: flex;
             flex-direction: column;
             height: 100%;
-        } 
-
+        }
     </style>
 
     <nav class="switcher row">

From 49e697401a5f5a5696ae338e74a0c5ec1948e800 Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 18 Aug 2022 08:32:27 +0200
Subject: [PATCH 09/10] change to auto

---
 src/cryptoadvance/specter/templates/includes/tx-table.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index f4bab5838e..55f4f15739 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -200,7 +200,7 @@
             width: 100%;
             margin-bottom: 10px;
             border: 1.5px solid var(--cmap-border);
-            overflow-x: scroll;
+            overflow-x: auto;
         }
         .scrollbar {
             overflow-y: auto;

From 778a85f79fe99da55ebed71c17d0745f6229c77d Mon Sep 17 00:00:00 2001
From: relativistic electron <relativisticelectron@tutanota.com>
Date: Thu, 18 Aug 2022 08:44:36 +0200
Subject: [PATCH 10/10] make buttons column stack when narrow screen

---
 src/cryptoadvance/specter/templates/includes/tx-table.html | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/cryptoadvance/specter/templates/includes/tx-table.html b/src/cryptoadvance/specter/templates/includes/tx-table.html
index 55f4f15739..448da3946f 100644
--- a/src/cryptoadvance/specter/templates/includes/tx-table.html
+++ b/src/cryptoadvance/specter/templates/includes/tx-table.html
@@ -266,6 +266,11 @@
             flex-direction: column;
             height: 100%;
         }
+        @media (max-width: 690px){
+            .selected-rows-action-box{
+                flex-direction: column;
+            }
+        }
     </style>
 
     <nav class="switcher row">