Beauty changes for install command

Author: sondr3

www/index.html

@@ -28,7 +28,7 @@
 <div id="platform-instructions-unix" class="instructions display-none">
   <p>Run the following in your terminal, then follow the onscreen instructions.</p>
     <div class="copy-container">
-      <pre>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
+      <pre class="rustup-command">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
       <button id="copy-button-unix" class="copy-button" title="Copy curl command to clipboard to download Rustup" type="button">
         <div class="copy-icon">
           <svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">
@@ -49,7 +49,7 @@
   </p>
   <p>If you're a Windows Subsystem for Linux user run the following in your terminal, then follow the onscreen instructions to install Rust.</p>
   <div class="copy-container">
-    <pre>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
+    <pre class="rustup-command">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
     <button id="copy-button-win32" class="copy-button" title="Copy curl command to clipboard to download Rustup" type="button">
       <div class="copy-icon">
         <svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">
@@ -70,7 +70,7 @@
   </p>
   <p>If you're a Windows Subsystem for Linux user run the following in your terminal, then follow the onscreen instructions to install Rust.</p>
   <div class="copy-container">
-    <pre>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
+    <pre class="rustup-command">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
     <button id="copy-button-win64" class="copy-button" title="Copy curl command to clipboard to download Rustup" type="button">
       <div class="copy-icon">
         <svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">
@@ -104,7 +104,7 @@
   <div>
     <p>If you are running Unix,<br/>run the following in your terminal, then follow the onscreen instructions.</p>
     <div class="copy-container">
-      <pre>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
+      <pre class="rustup-command">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
       <button id="copy-button-unknown" class="copy-button" title="Copy curl command to clipboard to download Rustup" type="button">
         <div class="copy-icon">
           <svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">
@@ -143,7 +143,7 @@
     <p>To install Rust, if you are running Unix,<br/>run the following
     in your terminal, then follow the onscreen instructions.</p>
     <div class="copy-container">
-      <pre>curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
+      <pre class="rustup-command">curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh</pre>
       <button id="copy-button-default" class="copy-button" title="Copy curl command to clipboard to download Rustup" type="button">
         <div class="copy-icon">
           <svg width="24" height="25" viewBox="0 0 24 25" xmlns="http://www.w3.org/2000/svg" alt="Copy curl command to clipboard to download Rustup">

www/rustup.css

@@ -95,7 +95,7 @@ body#idx p.other-platforms-help {
 }
 
 .instructions > * {
-    width: 40rem;
+    width: 45rem;
     margin-left: auto;
     margin-right: auto;
 }
@@ -105,23 +105,33 @@ hr {
     margin-bottom: 2em;
 }
 
-#platform-instructions-unix > div > pre,
-#platform-instructions-win32 > div > pre,
-#platform-instructions-win64 > div > pre,
-#platform-instructions-default > div > div > pre,
-#platform-instructions-unknown > div > div > pre {
+#platform-instructions-unix > p,
+#platform-instructions-win32 > p,
+#platform-instructions-win64 > p,
+#platform-instructions-default > p,
+#platform-instructions-unknown > p {
+    width: 40rem;
+}
+
+.rustup-command::before {
+    color: #999;
+    content: " $ ";
+	margin-left: 15px;
+}
+
+.rustup-command {
     background-color: #515151;
     color: white;
-    margin-left: auto;
-    margin-right: auto;
-    padding: 1rem;
+    padding: 1rem 1rem 1rem 0;
     width: 45rem;
     text-align: center;
     border-radius: 3px;
     box-shadow: inset 0px 0px 20px 0px #333333;
-    overflow-x: scroll;
+    overflow: auto;
     font-size: 0.6em;
-    height: 27px;
+    white-space: nowrap;
+    height: 26px;
+    line-height: 26px;
 }
 
 #platform-instructions-unix div.copy-container,
@@ -138,7 +148,7 @@ hr {
 #platform-instructions-win64 button.copy-button,
 #platform-instructions-default button.copy-button,
 #platform-instructions-unknown button.copy-button {
-    height: 60px;
+    height: 58px;
     margin: 1px;
     padding-right: 5px;
     border-radius: 3px;