Style updates

This commit is contained in:
eriks 2023-04-06 09:17:56 +03:00
parent 0d78421d81
commit 9bb104073f

View File

@ -2,16 +2,24 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Salary calculator for Latvians</title> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Latvian salary calculator">
<title>Latvian salary calculator</title>
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://unpkg.com">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Nunito&display=swap' rel='stylesheet'>
<style>body {font-family: 'Nunito';font-size: 22px;}</style>
</head> </head>
<body> <body>
<div class="container"> <div class="container pt-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col-12 col-md-6">
<form class="row" id="fromBrutto"> <form class="row" id="fromBrutto">
<div class="mb-3 col-12 col-md"> <div class="mb-3 col-12 col-md">
<label for="idBruttoInput" class="form-label text-bold">Brutto salary*:</label> <label for="idBruttoInput" class="form-label text-bold">Brutto salary*:</label>
<div class="input-group"> <div class="input-group">
@ -33,9 +41,9 @@
<span class="input-group-text"></span> <span class="input-group-text"></span>
<input type="number" class="form-control" id="idExtraTaxDiscount" v-model="extraTaxDiscount" placeholder="0" min="0" step="0.01"> <input type="number" class="form-control" id="idExtraTaxDiscount" v-model="extraTaxDiscount" placeholder="0" min="0" step="0.01">
</div> </div>
</div> </div>
<div class="col">
<div class="col-12 col-md-6">
<ul class="list-group"> <ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-start"> <li class="list-group-item d-flex justify-content-between align-items-start">
<div class="ms-2 me-auto"> <div class="ms-2 me-auto">
@ -112,9 +120,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script> <script>