From bdf9730ab099b5f28c77f6b4f7bb8244005ead27 Mon Sep 17 00:00:00 2001
From: Justin Hawkins <justin@hawkins.id.au>
Date: Wed, 6 Apr 2022 19:56:28 +0930
Subject: [PATCH] Add note on how arguments work for commands. Closes #15

---
 web/config.html | 5 +++--
 web/layout.tmpl | 6 ++++++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/config.html b/web/config.html
index a828943..aa6c930 100644
--- a/web/config.html
+++ b/web/config.html
@@ -11,7 +11,7 @@
 
     <div class="pure-g">
 
-        <div class="pure-u-md-1-2 pure-u-1">
+        <div class="pure-u-md-1-2 pure-u-1 l-box">
    
             <form class="pure-form pure-form-stacked gropple-config">
                 <fieldset>
@@ -53,7 +53,7 @@
             </form>
 
         </div>
-        <div class="pure-u-md-1-2 pure-u-1">
+        <div class="pure-u-md-1-2 pure-u-1 l-box">
             <form class="pure-form gropple-config">
                 <fieldset>
 
@@ -91,6 +91,7 @@
                             </template>
 
                             <button class="pure-button button-add" href="#" @click.prevent="profile.args.push('');">add arg</button>
+                            <span class="pure-form-message">Arguments for the command. Note that the shell is not used, so there is no need to quote or escape arguments, including those with spaces.</span>
 
                             <hr>
 
diff --git a/web/layout.tmpl b/web/layout.tmpl
index 7b77e0e..588d020 100644
--- a/web/layout.tmpl
+++ b/web/layout.tmpl
@@ -8,6 +8,12 @@
     <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/pure-min.css" integrity="sha384-Uu6IeWbM+gzNVXJcM9XV3SohHtmWE+3VGi496jvgX1jyvDTXfdK+rfZc8C1Aehk5" crossorigin="anonymous">
     <link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">
     <style>
+        .pure-g > div {
+          box-sizing: border-box;
+        }
+        .l-box {
+          padding: 2em;
+         }
         pre {
           font-size: 60%;
           height: 100px;