Fix button style, button type (#450)

src/components/Calendar/AccessTab.tsx

@@ -90,6 +90,7 @@ export function AccessTab({ calendar }: { calendar: Calendar }) {
             fullWidth
             label={t("calendar.caldav_access")}
             value={calDAVLink}
+            size="small"
             InputProps={{
               endAdornment: (
                 <InputAdornment position="end">
@@ -110,6 +111,7 @@ export function AccessTab({ calendar }: { calendar: Calendar }) {
             fullWidth
             label={t("calendar.secretUrl")}
             value={secretLink}
+            size="small"
             InputProps={{
               endAdornment: (
                 <InputAdornment position="end">
@@ -120,7 +122,12 @@ export function AccessTab({ calendar }: { calendar: Calendar }) {
               ),
             }}
           />
-          <Button variant="contained" onClick={handleResetSecretLink}>
+          <Button
+            variant="contained"
+            color="secondary"
+            onClick={handleResetSecretLink}
+            sx={{ borderRadius: "4px" }}
+          >
             {t("actions.reset")}
           </Button>
         </Box>
@@ -142,9 +149,11 @@ export function AccessTab({ calendar }: { calendar: Calendar }) {
 
         <Button
           variant="contained"
+          color="secondary"
           onClick={handleExport}
           startIcon={!exportLoading && <FileDownloadOutlinedIcon />}
           disabled={exportLoading}
+          sx={{ borderRadius: "4px" }}
         >
           {exportLoading ? (
             <Box display="flex" alignItems="center" gap={1}>

src/components/Calendar/ImportTab.tsx

@@ -56,15 +56,22 @@ export function ImportTab({
     <Box mt={2}>
       {importMode === "file" && (
         <>
-          <Button variant="outlined" component="label" sx={{ mb: 1 }}>
-            {t("common.select_file")}
-            <input
-              type="file"
-              hidden
-              accept=".ics"
-              onChange={(e) => setImportFile(e.target.files?.[0] ?? null)}
-            />
-          </Button>
+          <Box mb={1}>
+            <Button
+              variant="outlined"
+              component="label"
+              size="medium"
+              sx={{ borderRadius: "12px" }}
+            >
+              {t("common.select_file")}
+              <input
+                type="file"
+                hidden
+                accept=".ics"
+                onChange={(e) => setImportFile(e.target.files?.[0] ?? null)}
+              />
+            </Button>
+          </Box>
           {importFile && (
             <Typography variant="body2" color="text.secondary">
               {importFile.name}

src/components/Calendar/SettingsTab.tsx

@@ -67,6 +67,8 @@ export function SettingsTab({
         showMore={false}
         description={description}
         setDescription={setDescription}
+        buttonVariant="contained"
+        buttonColor="secondary"
       />
 
       <Box mt={2}>
@@ -88,7 +90,8 @@ export function SettingsTab({
             value={visibility}
             exclusive
             onChange={(e, val) => val && setVisibility(val)}
-            size="small"
+            size="medium"
+            sx={{ borderRadius: "12px" }}
           >
             <ToggleButton value="public" sx={{ width: "140px" }}>
               <PublicIcon fontSize="small" sx={{ mr: 1 }} />