working on UI

FCLauncher/src/index.html

@@ -36,11 +36,13 @@
 
       <button id="launchGame" type="button">Launch Minecraft</button> 
 
-
-      <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ?autoplay=1"
-        target="_blank">
-        <button>Buy Me A Coffee!</button>
-      </a>
+      <div class="horizontal">
+        <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ?autoplay=1"
+          target="_blank" class="buttonlink left">
+          <button>Buy Me A Coffee!</button>
+        </a>
+        <button id="prism" class="right">Open Prism launcher</button>
+      </div>
       
     </div>
   </body>

FCLauncher/src/main.js

@@ -4,14 +4,6 @@ const { ask } = window.__TAURI__.dialog;
 const downBar = document.querySelector(".progressFinished");
 //import { listen } from '@tauri-apps/api';
 
-let greetInputEl;
-let greetMsgEl;
-
-function progressBar() {
-  
-  
-}
-
 const download_progress = listen("download_progress", (progress) => {
   console.log("Downloading");
   //console.log("Downloaded "+progress.payload.downloaded/(1024*1024) +"MB / " + progress.payload.total/(1024*1024) + "MB");
@@ -40,6 +32,7 @@ const update_dialog = listen("update_dialog", (event) => {
 window.addEventListener("DOMContentLoaded", () => {
  
   document.getElementById("launchGame").addEventListener("click", gameLaunch);
+  document.getElementById("prism").addEventListener("click", prism);
   
 });
 function packSelect() {
@@ -86,6 +79,10 @@ function gameLaunch() {
   
 }
 
+function prism(){
+  invoke("launch_prism");
+}
+  
 
 //window.onclick = function(event) {
   //if (!event.target.matches('.dropbtn')) {

FCLauncher/src/styles.css

@@ -209,3 +209,22 @@ button {
   background: #272727;
   flood-color: #0f0f0f;
 }
+
+.buttonlink{
+  width: fit-content;
+  block-size: fit-content;
+}
+
+.right{
+  float: right;
+}
+
+.left{
+  float: left;
+}
+
+.horizontal{
+  overflow: auto;
+  display: block;
+  margin: 0.5em;
+}