From 96127b40cf98033d4cfde8b2ecacf29b66ddb592 Mon Sep 17 00:00:00 2001
From: Ross Bulat <ross@jkrbinvestments.com>
Date: Tue, 26 Mar 2019 23:02:16 +0800
Subject: [PATCH] Full width storage--actionrow (#848)

* fix

* optimised width for ~ hash length
---
 packages/app-explorer/src/BlockQuery/Query.tsx | 3 +--
 packages/app-storage/src/index.css             | 6 ++++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/app-explorer/src/BlockQuery/Query.tsx b/packages/app-explorer/src/BlockQuery/Query.tsx
index 28aaa6b872..36ffc8ce73 100644
--- a/packages/app-explorer/src/BlockQuery/Query.tsx
+++ b/packages/app-explorer/src/BlockQuery/Query.tsx
@@ -36,8 +36,7 @@ class Query extends React.PureComponent<Props, State> {
     return (
       <summary>
         <div className='ui--row'>
-          <div className='small' />
-          <div className='storage--actionrow medium'>
+          <div className='storage--actionrow head'>
             <Input
               className='storage--actionrow-value'
               defaultValue={this.props.value}
diff --git a/packages/app-storage/src/index.css b/packages/app-storage/src/index.css
index 502aaf50ed..44b67e7bf8 100644
--- a/packages/app-storage/src/index.css
+++ b/packages/app-storage/src/index.css
@@ -23,6 +23,12 @@
   .button {
     margin: 0.25rem;
   }
+
+  &.head {
+    flex: 1 1 100%;
+    margin: 0 auto;
+    max-width: 620px;
+  }
 }
 
 .storage--actionrow-value {