Fix styling for copy

Author: akclace

content/_index.md

@@ -39,27 +39,27 @@ layout: hextra-home
 <div style="font-weight: bold; margin-bottom: 20px; text-align: center;font-size: 32px; color: mintcream;">Three Steps to Declarative GitOps</div>
 
 <div style="position: relative;">
-<div style="font-weight: bold; margin-bottom: 5px; color: lightgray;">Install Clace:</div>
-<div style="padding: 20px; overflow-x: auto; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Courier, monospace;" id="code1">
+<div style="font-weight: bold; margin-bottom: 10px; color: lightgray;">Install Clace:</div>
+<div style="padding-inline: 20px; padding-top: 5px; padding-bottom: 20px; overflow-x: auto; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Courier, monospace;" id="code1">
 curl -sSL https://clace.io/install.sh | sh
 </div>
-<button style="position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code1', this)">Copy</button>
+<button style="position: absolute; top: 5px; right: 5px; padding: 10px 10px 1px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code1', this)">⧉</button>
 </div>
 
 <div style="position: relative;">
-<div style="font-weight: bold; margin-bottom: 5px; color: lightgray;">Start Clace server, in a new window:</div>
-<div style="padding: 20px; overflow-x: auto; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Courier, monospace;" id="code2">
+<div style="font-weight: bold; margin-bottom: 10px; color: lightgray;">Start Clace server (in a new window):</div>
+<div style="padding-inline: 20px; padding-top: 5px; padding-bottom: 20px; overflow-x: auto; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Courier, monospace;" id="code2">
 clace server start &
 </div>
-<button style="position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code2', this)">Copy</button>
+<button style="position: absolute; top: 5px; right: 5px;  padding: 10px 10px 1px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code2', this)">⧉</button>
 </div>
 
 <div style="position: relative;">
-<div style="font-weight: bold; margin-bottom: 5px; color: lightgray;">Schedule a sync:</div>
-<div style="padding: 20px; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;" title="This creates a schedule sync which runs every 15 minutes. The sync loads the config for the apps from Git, creates new apps and checks whether there are any config or code change for any of the existing apps and applies the changes." id="code3">
+<div style="font-weight: bold; margin-bottom: 10px; color: lightgray;">Schedule a sync:</div>
+<div style="padding-inline: 20px; padding-top: 5px; padding-bottom: 20px; font-family: 'Fira Code', 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;" title="This creates a schedule sync which runs every 15 minutes. The sync loads the config for the apps from Git, creates new apps and checks whether there are any config or code change for any of the existing apps and applies the changes." id="code3">
 clace sync schedule --approve github.com/claceio/clace/examples/utils.star
 </div>
-<button style="position: absolute; top: 0; right: 0; padding: 5px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code3', this)">Copy</button>
+<button style="position: absolute; top: 5px; right: 5px; padding: 10px 10px 1px 10px; font-size: 12px; cursor: pointer;" onclick="copyCode('code3', this)">⧉</button>
 </div>
 
 <div style="margin-top: 5px; margin-bottom: 5px; text-align: center;font-size: 16px; color: lightgray;">Starts a background sync which automatically creates new apps and updates existing apps, reading latest app config and code from Git.</div>

content/blog/intro.md

@@ -47,6 +47,7 @@ Clace is in a beta state currently. Custom application support is functional. Su
 ```shell
 curl -sSL https://clace.io/install.sh | sh
 ```
+
 Start a new terminal (to get the updated env) and run `clace server start` to start the Clace service.
 
 To install apps declaratively, run
@@ -55,7 +56,7 @@ To install apps declaratively, run
 clace apply --approve github.com/claceio/clace/examples/utils.star all
 ```
 
-Open https://localhost:25223 to see app listing. `admin` is the username, use the password printed by the install script. See [installation]({{< ref "installation" >}}) for details.
+Open https://localhost:25223 to see app listing. See [installation]({{< ref "installation" >}}) for details.
 
 ## Follow Along