Better looking

src/HelloWorld.elm

@@ -1,6 +1,6 @@
 module HelloWorld exposing (helloWorld)
 
-import Html exposing (Html, a, button, code, div, h1, p, text)
+import Html exposing (Html, a, button, div, h1, p, text)
 import Html.Attributes exposing (href)
 import Html.Events exposing (onClick)
 import Msg exposing (Msg(..))
@@ -18,9 +18,4 @@ helloWorld model =
         , button [ onClick Increment ] [ text "+" ]
         , text <| "Count is: " ++ String.fromInt model
         , button [ onClick Decrement ] [ text "-" ]
-        , p []
-            [ text "Edit "
-            , code [] [ text "src/Main.elm" ]
-            , text " to test auto refresh"
-            ]
         ]

src/Main.elm

@@ -26,6 +26,6 @@ update msg model =
 view : Int -> Html Msg
 view model =
     div []
-        [ img [ src <| VitePluginHelper.asset "/src/assets/logo.png", style "width" "300px" ] []
+        [ img [ src <| VitePluginHelper.asset "/src/assets/logotype.png", style "width" "300px" ] []
         , helloWorld model
         ]

style.css

@@ -1,13 +1,25 @@
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin: 0 auto;
-  margin-top: 60px;
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #2c3e50;
+    margin: 0 auto;
+    margin-top: 60px;
 }
 
 a {
-  color: #60b5cc;
-}
+    color: #60b5cc;
+}
+
+button {
+    background-color: #60b5cc; /* Blå bakgrundsfärg */
+    color: white; /* Vit text */
+    padding: 10px 20px; /* Vertikal och horisontell padding */
+    border: none; /* Tar bort standardkanten */
+    border-radius: 5px; /* Rundade hörn */
+    font-size: 1em; /* Lämplig teckensnittsstorlek */
+    cursor: pointer; /* Ändrar muspekaren till en hand när den hovrar över knappen */
+    transition: background-color 0.3s; /* Gör en mjuk övergång för hover-effekten */
+    margin: 5px;
+}