added styling

README.md

@@ -29,13 +29,14 @@ command from the directory you want to install StrikeOut to:
 
 ### Usage:
 
+- View https://github.com/trafficpest/strikeout/wiki for more clarity.
 Open your web browser and navigate to the directory where you installed 
 StrikeOut. You will get a login screen. The default password is empty 
 (i.e. not set). When you log in, you will enter the configuration page 
 to enter your settings, including your password.
 
 To create an invoice, load `checkout.php` with at least `amount` set 
-in `POST`. `invoice.php` is a test page to generate your invoice and test 
+in `POST` or `GET`. `invoice.php` is a test page to generate invoices and test 
 your settings. You can see a basic HTML form example in the source there.
 
 Strike webhooks are supported and can be created in the app. The app 

checkout.php

@@ -39,7 +39,7 @@
 
 $strike_quote = issue_strike_quote( $strike_invoice['invoiceId'] );
 
-$file = $config['qr_img_dir'].uniqid().'.png';
+$file = $config['qr_img_dir'].'/'.uniqid().'.png';
 QRcode::png( $strike_quote['lnInvoice'], $file, QR_ECLEVEL_L, 4 );
 
 ?>

inc/configure.php

@@ -3,7 +3,7 @@
 function create_strikeout_config(){
   $config = array(
     'api_key' => 'Your strike api-key here',
-    'qr_img_dir' => './qr-images/', 
+    'qr_img_dir' => './qr-images', 
     'payee_name' => 'Your Name / Company Name',
     'action_url' => './index.php',
     'timezone' => 'America/Los_Angeles',

inc/ui/create-plugin-index.php

@@ -3,9 +3,9 @@
   foreach(glob($path_to_root.'/webhooks/*', GLOB_ONLYDIR) as $dir) {
     $col++;
     if ($col <= 1){
-      echo '<div class="row p-2">'."\r\n";
+      echo '<div class="row">'."\r\n";
     }
-    echo '<div class="col text-center">';
+    echo '<div class="col pt-3 mx-2 shadow rounded">';
     include $dir.'/inc/ui/index-menu.php';
     echo '</div>'."\r\n";
     if ($col >= 3){
@@ -15,7 +15,7 @@
   }
 if ($col != 0) { 
   for($col; $col <= 2; $col++){
-    echo '<div class="col text-center">';
+    echo '<div class="col">';
     echo '</div>'."\r\n";
   }
   echo '</div>'."\r\n"; 

index.php

@@ -7,34 +7,33 @@
 
 <?include $path_to_root.'/inc/ui/header.php'?>
 
-<div class="container bg-light shadow rounded mt-5 w-80">
-<h1 class="text-center pt-3">Welcome</h1>
-<h1 class="text-center"><?=$config['payee_name']?></h1>
-<p class="text-center pb-2">Lets get you started</p>
-<div class="row p-2">
-  <div class="col text-center">
+<div class="container bg-light p-4 text-center shadow rounded mt-5 w-80">
+<h1 class="text-uppercase">Welcome</h1>
+<h3 class="pb-4"><?=$config['payee_name']?></h3>
+<div class="row pt-4">
+  <div class="col pt-3 mx-2 shadow rounded">
   <a href="<?=$path_to_root.'/pages/invoice.php'?>">
   <img src="<?=$path_to_root.'/assets/images/qr.png'?>" 
         alt="Invoices" 
         class="rounded img-fluid pb-2"></a>
   <p>Create Invoices</p>
   </div>
-  <div class="col text-center">
+  <div class="col pt-3 mx-2 shadow rounded">
   <a href="<?=$path_to_root.'/pages/webhooks.php'?>">
   <img src="<?=$path_to_root.'/assets/images/webhook-icon.png'?>" 
         alt="Webhooks" 
         class="rounded img-fluid pb-2"></a>
   <p>Manage Webhooks</p>
   </div>
-  <div class="col text-center">
+  <div class="col pt-3 mx-2 shadow rounded">
   <a href="<?=$path_to_root.'/pages/setup.php'?>">
   <img src="<?=$path_to_root.'/assets/images/settings.png'?>" 
         alt="Settings" 
         class="rounded img-fluid pb-2"></a>
   <p>Configure</p>
   </div>
 </div>
-<h1 class="text-center">Plugins</h1>
+<hr class="hr" />
 <? include $path_to_root.'/inc/ui/create-plugin-index.php'?>
 </div>