diff --git a/landing/subscription-form.css b/landing/subscription-form.css
index ff5983bb0..3722ba313 100644
--- a/landing/subscription-form.css
+++ b/landing/subscription-form.css
@@ -1,110 +1,110 @@
 form {
   display: flex;
 }
 
 .button {
   position: relative;
   width: auto;
   border: 1px solid white;
   border-radius: 8px;
   border-left: none;
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 
   padding-left: 20px;
   padding-right: 20px;
   cursor: pointer;
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 16px;
   color: white;
 
   background: #7e57c2;
   box-shadow: -12px 20px 50px rgba(126, 87, 194, 0.5);
 
   transition: 0.2s;
-  margin-inline: 0px;
+  margin-inline: 0;
 }
 
 .button_success {
   border: 1px solid #28a747;
   background: #28a747;
   box-shadow: -12px 20px 50px #28a747;
 }
 
 .button_failure {
   border: 1px solid #dc3545;
   background: #dc3545;
   box-shadow: -12px 20px 50px #dc3545;
 }
 
 .button:hover {
   background: #8c69c9;
   box-shadow: -12px 20px 50px rgba(139, 107, 194, 0.5);
 }
 
 .button_success:hover {
   background: #34b855;
   box-shadow: -12px 20px 50px #28a747;
 }
 
 .button_failure:hover {
   background: #df3f4f;
   box-shadow: -12px 20px 50px #dc3545;
 }
 
 input.email_input {
   flex: 1;
   border-radius: 8px;
   padding: 20px;
 
   background: rgba(11, 18, 27, 0.25);
 
   font-family: 'IBM Plex Mono', monospace;
   font-size: 16px;
   color: white;
 
   border: 1px solid white;
   border-right: none;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
   outline: none;
-  margin-inline: 0px;
+  margin-inline: 0;
   transition: 300ms;
 }
 
 input.email_input:focus {
   box-shadow: -12px 20px 50px rgba(126, 87, 194, 0.5);
   transition: 300ms;
 }
 
 input.email_input_success {
   border: 1px solid #28a747;
   box-shadow: -12px 20px 50px #28a747;
 }
 
 input.email_input_failure {
   border: 1px solid #dc3545;
   box-shadow: -12px 20px 50px #dc3545;
 }
 
 @media (max-width: 1099px) {
   form {
     display: block;
   }
   .button {
     width: 100%;
     height: 50px;
     border: none;
     border-radius: 8px;
   }
 
   input.email_input {
     width: 100%;
     height: 50px;
     border-radius: 8px;
     margin-bottom: 0.5em;
     box-sizing: border-box;
 
     border: 1px solid white;
   }
 }
diff --git a/web/apps/apps.css b/web/apps/apps.css
index 13bc7b856..a7b27d37b 100644
--- a/web/apps/apps.css
+++ b/web/apps/apps.css
@@ -1,63 +1,63 @@
 div.appsDirectoryContainer {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }
 
 h4.appsHeader {
   color: var(--fg);
-  padding: 20px 0px 40px 40px;
+  padding: 20px 0 40px 40px;
   font-weight: var(--semi-bold);
 }
 
 div.appsDirectoryList {
   margin-left: 20px;
   display: flex;
   flex-direction: column;
   row-gap: 10px;
 }
 
 div.appListingContainer {
   color: var(--fg);
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 div.appListingTextContainer {
   display: flex;
   flex-direction: column;
   flex: 1;
 }
 
 h5.appName {
   font-weight: var(--semi-bold);
   margin-bottom: 4px;
 }
 
 small.appCopy {
   font-size: var(--xs-font-12);
 }
 
 div.appListingIcon {
   padding: 0 20px;
   align-self: stretch;
   display: flex;
   align-items: center;
 }
 
 div.appListingIconState {
   font-size: var(--xl-font-20);
 }
 
 div.iconReadOnly {
   color: var(--app-list-icon-read-only-color);
 }
 
 div.iconEnabled {
   color: var(--app-list-icon-enabled-color);
 }
 
 div.iconDisabled {
   color: var(--app-list-icon-disabled-color);
 }
diff --git a/web/calendar/calendar.css b/web/calendar/calendar.css
index 5a9e57fa2..0929b5a4a 100644
--- a/web/calendar/calendar.css
+++ b/web/calendar/calendar.css
@@ -1,185 +1,185 @@
 a.filtersButton {
   font-weight: 600;
   float: left;
   color: white;
   background-color: rgba(68, 68, 85, 0.67);
   padding: 8px 18px;
   border-radius: 18px;
   margin: 0 15px 5px 15px;
   font-size: 16px;
   cursor: pointer;
   text-transform: uppercase;
   position: absolute;
 }
 a.filtersButton > svg {
   padding-right: 5px;
 }
 div.content {
   min-height: 100%;
   padding-top: 10px;
   position: relative;
 }
 
 nav.nav {
   text-align: center;
   margin: 8px auto 12px auto;
   width: 350px;
   color: #333333;
   display: flex;
   align-items: center;
 }
 nav.nav > a.monthLink {
   color: var(--calendar-chevron);
 }
 nav.nav > .monthName {
   display: inline-block;
   width: 250px;
   color: var(--fg);
 }
 
 table.calendar {
   table-layout: fixed;
   padding: 24px 28px 0 28px;
   width: 100%;
 }
 table.calendar > thead > tr > th {
   padding-bottom: 6px;
   color: #888888;
   font-weight: normal;
   text-transform: uppercase;
   font-size: 14px;
 }
 textarea.entryText {
   box-sizing: border-box;
   font-size: 11px;
   width: 100%;
   background: none;
   border: none;
   outline: none;
   resize: none;
   overflow: auto;
   overflow-y: hidden;
   padding-right: 15px;
 }
 table.calendar td.day {
   border: 1px solid transparent;
   background: var(--calendar-day-bg);
   position: relative;
   vertical-align: top;
   line-height: 0;
   cursor: text;
   height: 120px;
 }
 td.day > div.entryContainer {
   overflow: auto;
   height: 120px;
 }
 td.day > div.focusedEntryContainer {
   height: 100px !important;
 }
 div.entryContainer > div.entryContainerSpacer {
   height: 13px;
 }
 div.entry {
   padding: 5px;
-  box-shadow: inset 0px 0px 0px 2px white;
+  box-shadow: inset 0 0 0 2px white;
   border-radius: 5px;
   position: relative;
 }
 div.darkEntry {
   color: white;
 }
 div.darkEntry textarea.entryText {
   color: white;
 }
 div.darkEntry div.actionLinks > a {
   color: lightgray;
 }
 div.darkEntry div.actionLinks > a:hover {
   color: white;
 }
 span.entryLoading {
   position: absolute;
   top: 5px;
   right: 5px;
   width: 12px;
 }
 span.entryError {
   position: absolute;
   top: 11px;
   right: 5px;
   font-size: 16px;
   width: 6px;
   color: red !important;
 }
 div.actionLinks {
   line-height: 90%;
   margin-top: 3px;
   font-size: 16px;
 }
 div.dayActionLinks {
   padding-left: 3px;
   margin-bottom: 1px;
   height: 16px;
 }
 div.actionLinks a + a {
   margin-left: 6px;
 }
 span.actionLinksText {
   font-weight: 600;
   font-size: 11px;
   position: relative;
   bottom: 1px;
   padding-left: 5px;
 }
 span.rightActionLinks {
   float: right;
   text-overflow: ellipsis;
   white-space: nowrap;
   max-width: 100%;
   display: inline-block;
   overflow: hidden;
 }
 div.actionLinks svg {
   fill: var(--fg);
   width: 10px;
   height: 10px;
 }
 div.actionLinks svg.history {
   position: relative;
   top: 1px;
 }
 div.darkEntry div.actionLinks svg {
   fill: var(--fg);
 }
 div.actionLinks a:hover svg {
   fill: black;
 }
 div.darkEntry div.actionLinks a:hover svg {
   fill: white;
 }
 div.focusedEntry {
   z-index: 3 !important;
 }
 div.actionLinks a {
   color: var(--fg);
 }
 div.actionLinks a:hover {
   color: black;
 }
 td.day > h2 {
   position: absolute;
   bottom: 2px;
   right: 3px;
   color: var(--fg);
   font-size: 32px;
   line-height: 32px;
   z-index: 1;
 }
 td.currentDay > h2 {
   color: var(--calendar-day-selected-color);
 }
 
 div.clear {
   clear: both;
 }
diff --git a/web/calendar/thread-picker.css b/web/calendar/thread-picker.css
index 50093ba4a..f22c87518 100644
--- a/web/calendar/thread-picker.css
+++ b/web/calendar/thread-picker.css
@@ -1,72 +1,72 @@
 div.container {
   position: absolute;
   left: 4px;
   bottom: 20px;
-  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.3);
   z-index: 1;
   font-weight: 600;
   background-color: white;
   border-radius: 3px;
   white-space: nowrap;
   line-height: normal;
   font-size: 12px;
   cursor: pointer;
   outline: none;
 }
 span.thread {
   color: black;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   width: 110px;
 }
 div.container > div.option {
   border-bottom: 1px solid #d3d3d3;
   padding: 1px 10px 1px 25px;
   position: relative;
 }
 div.container > div.option:hover {
   background-color: #f2f2f2;
 }
 div.container > div:last-child {
   border-bottom: none;
 }
 div.colorPreview {
   width: 12px;
   height: 12px;
   left: 6px;
   position: absolute;
   top: 4px;
   border: 1px solid lightgray;
   border-radius: 2px;
 }
 div.threadName {
   padding-top: 1px;
 }
 div.pagerContainer {
   text-align: center;
   height: 15px;
   margin-top: -2px;
   cursor: default;
   background-color: #eaeaea;
   position: relative;
   border-radius: 0 0 3px 3px;
 }
 div.pager {
   position: relative;
   top: -2px;
 }
 span.pagerStatus {
   text-transform: uppercase;
   color: #777777;
   font-size: 9px;
 }
 svg.pagerIcon {
   fill: #777777;
   vertical-align: middle;
   width: 13px;
   height: 13px;
 }
 a.pagerButton > svg.pagerIcon {
   fill: #2a5db0;
 }
diff --git a/web/chat/chat-thread-ancestors.css b/web/chat/chat-thread-ancestors.css
index db9a04f1e..eb176823b 100644
--- a/web/chat/chat-thread-ancestors.css
+++ b/web/chat/chat-thread-ancestors.css
@@ -1,51 +1,51 @@
 div.ancestorThreadsContainer {
   font-size: var(--xs-font-12);
   display: flex;
   align-items: center;
   column-gap: 5px;
 }
 
 div.ancestorName {
   display: flex;
   align-items: center;
   padding: 2px 6px;
   border-radius: 2px;
   box-sizing: border-box;
   line-height: 1.5;
 }
 
 button.seeFullStructure {
   background-color: transparent;
   border: none;
   cursor: pointer;
 }
 
 div.ancestorKeyserver {
   display: flex;
   align-items: center;
 }
 
 div.ancestorKeyserverName {
-  border-radius: 0px 2px 2px 0px;
+  border-radius: 0 2px 2px 0;
 }
 
 svg.ancestorSeparator {
   color: var(--thread-ancestor-separator-color);
 }
 
 div.ancestorKeyserverOperator {
   display: flex;
   column-gap: 5px;
-  padding: 0px 5px;
+  padding: 0 5px;
   align-items: center;
   border: 1px solid var(--thread-ancestor-keyserver-border);
-  border-radius: 2px 0px 0px 2px;
+  border-radius: 2px 0 0 2px;
   height: 22px;
   box-sizing: border-box;
 }
 
 button.seeFullAncestor {
   font-size: var(--xs-font-12);
   font-weight: var(--semi-bold);
   cursor: pointer;
 }
diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css
index 0ecaeef67..564fa01e1 100644
--- a/web/chat/chat-thread-list.css
+++ b/web/chat/chat-thread-list.css
@@ -1,318 +1,318 @@
 div.thread {
   display: flex;
   flex-direction: row;
 }
 div.threadListSidebar {
   display: flex;
   flex-direction: row;
   height: 32px;
   padding-right: 8px;
   position: relative;
   cursor: pointer;
 }
 div.threadListSidebar > svg {
   position: absolute;
   top: -7px;
   left: 30px;
 }
 div.thread:first-child {
   padding-top: 6px;
 }
 div.activeThread,
 div.threadListSidebar:hover {
   background: var(--thread-active-bg);
 }
 
 div.activeThread :is(div.dark, .lastMessage span.read, .title) {
   color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread .lastMessage.read {
   color: var(--chat-thread-list-color-active);
 }
 
 div.activeThread.thread:hover {
   background: var(--thread-active-bg);
 }
 div.thread:hover {
   background: var(--thread-hover-bg);
 }
 div.title {
   flex: 1;
   font-size: var(--m-font-16);
   font-weight: var(--semi-bold);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--thread-color-read);
   line-height: var(--line-height-text);
 }
 .threadButton {
   flex: 1;
   cursor: pointer;
   overflow: hidden;
   padding-left: 12px;
 }
 .threadButton + div {
   display: flex;
   flex-direction: column;
 }
 .threadButtonSidebar {
   flex: 1;
   cursor: pointer;
   overflow: hidden;
   display: flex;
   align-items: center;
   padding-left: 12px;
 }
 p.breadCrumbs {
   display: flex;
   padding: 8px 0 2px 0;
   font-size: var(--xs-font-12);
   font-weight: var(--normal);
   color: var(--breadcrumb-color);
 }
 p.breadCrumbs.unread {
   color: var(--breadcrumb-color-unread);
 }
 span.breadCrumb {
   display: flex;
   align-items: center;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 
 div.colorContainer {
   display: flex;
   padding-top: 8px;
 }
 
 div.spacer,
 div.colorSplotch {
   width: 42px;
   border-radius: 1.68px;
 }
 div.colorSplotchContainer {
   height: 42px;
   display: flex;
 }
 div.lastActivity {
   font-size: var(--xxs-font-10);
   color: var(--fg);
   line-height: 1.5;
   padding-right: 16px;
   font-weight: var(--semi-bold);
   white-space: nowrap;
   flex-grow: 1;
   padding-bottom: 12px;
   align-items: flex-end;
   display: flex;
 }
 
 div.lastMessage {
   font-size: 16px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: var(--line-height-text);
   padding-bottom: 8px;
 }
 div.threadRow > .lastMessage {
   color: var(--thread-last-message-color-read);
   font-size: var(--s-font-14);
 }
 div.unread {
   color: var(--fg);
   font-weight: var(--semi-bold);
 }
 div.lastMessage.unread {
   color: var(--fg);
 }
 div.dark {
   color: var(--thread-color-read);
   padding-right: 16px;
 }
 .read {
   color: var(--thread-from-color-read);
 }
 div.dotContainer {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 16px;
 }
 div.unreadDot {
   height: 4px;
   width: 4px;
   background: var(--fg);
   border-radius: 15px;
   align-self: center;
 }
 div.italic {
   font-style: italic;
 }
 div.sidebarTitle {
   flex: 1;
   font-size: var(--s-font-14);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--thread-color-read);
   align-self: flex-start;
 }
 div.threadListSidebar > div.dotContainer {
   width: 16px;
 }
 div.sidebarTitle.unread {
   color: var(--fg);
 }
 div.seeMoreButton {
   padding-left: 58px;
 }
 div.sidebarLastActivity {
   white-space: nowrap;
   font-size: var(--xxs-font-10);
   line-height: var(--line-height-text);
   font-weight: var(--semi-bold);
 }
 svg.sidebarIcon {
   color: var(--thread-color-read);
   padding: 0 6px;
   font-size: 20px;
 }
 div.sidebar .menu > button svg {
   font-size: 16px;
   color: var(--thread-color-read);
 }
 div.sidebar .menu {
   opacity: 0;
 }
 div.sidebar:hover .menu {
   display: flex;
   align-self: flex-end;
   opacity: 1;
 }
 .menu {
   position: relative;
   display: flex;
   justify-content: flex-end;
 }
 .menu > button {
   background-color: transparent;
   color: var(--thread-color-read);
   border: none;
   cursor: pointer;
   display: flex;
   align-items: center;
 }
 
 .menu > button:focus {
   outline: none;
 }
 
 .menuContent {
   display: none;
   position: absolute;
   top: calc(100% + 1px);
   right: 0;
   z-index: 1;
   width: max-content;
   overflow: hidden;
   background-color: #eeeeee;
   border-radius: 5px;
   box-shadow: 1px 1px 5px 2px #00000022;
 }
 .menuContentVisible {
   display: block;
 }
 
 button.menuContent {
   border: none;
   cursor: pointer;
   padding: 10px;
   font-size: 16px;
 }
 button.menuContent:hover {
   background-color: #dddddd;
 }
 
 ul.list {
-  margin: 5px 3px 10px 0px;
+  margin: 5px 3px 10px 0;
   overflow: auto;
 }
 
 div.search {
   display: flex;
   background-color: #dddddd;
   border-radius: 5px;
   padding: 3px 5px;
   align-items: center;
 }
 svg.searchVector {
   fill: #aaaaaa;
   height: 22px;
   width: 22px;
   padding: 0 3px;
   margin-left: 8px;
 }
 div.search > input {
   color: black;
   padding: 0;
   border: none;
   background-color: #dddddd;
   font-weight: 600;
   font-size: 15px;
   flex-grow: 1;
   margin-left: 3px;
 }
 div.search > input:focus {
   outline: none;
 }
 svg.clearQuery {
   font-size: 15px;
   padding-bottom: 1px;
   padding-right: 2px;
   color: #aaaaaa;
 }
 svg.clearQuery:hover {
   font-size: 15px;
   padding-bottom: 1px;
   padding-right: 2px;
   color: white;
 }
 
 div.spacer {
   height: 6px;
 }
 
 div.emptyItemContainer {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
 div.emptyItemText {
   padding: 16px;
   font-size: 16px;
   text-align: center;
   white-space: pre-wrap;
   color: var(--fg);
 }
 
 div.threadListContainer {
   display: flex;
   flex-direction: column;
 }
 img.longArrow {
   height: 40px;
   width: 25px;
   position: absolute;
   left: 28.5px;
   top: -18px;
 }
 
 img.arrow {
   position: absolute;
   left: 28px;
   top: -10px;
 }
diff --git a/web/media/media.css b/web/media/media.css
index d3ff8c7cb..726f8a7d1 100644
--- a/web/media/media.css
+++ b/web/media/media.css
@@ -1,106 +1,106 @@
 span.clickable {
   cursor: pointer;
 }
 
 span.multimedia {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
   vertical-align: top;
 }
 span.multimedia > span.multimediaImage {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
   min-height: 50px;
   min-width: 50px;
 }
 span.multimedia > span.multimediaImage > img {
   max-height: 200px;
   max-width: 100%;
 }
 span.multimedia > span.multimediaImage > svg.removeUpload {
   display: none;
   position: absolute;
   cursor: pointer;
   top: 3px;
   right: 3px;
   color: white;
   border-radius: 50%;
-  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
   background-color: rgba(34, 34, 34, 0.67);
 }
 span.multimedia:hover > span.multimediaImage > svg.removeUpload {
   display: inherit;
 }
 span.multimedia > svg.uploadError {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto auto;
   color: white;
   border-radius: 50%;
-  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
   background-color: #dd2222;
 }
 span.multimedia > svg.progressIndicator {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto auto;
   width: 50px;
   height: 50px;
 }
 
 :global(.CircularProgressbar-background) {
   fill: #666 !important;
 }
 :global(.CircularProgressbar-text) {
   fill: #fff !important;
 }
 :global(.CircularProgressbar-path) {
   stroke: #fff !important;
 }
 :global(.CircularProgressbar-trail) {
   stroke: transparent !important;
 }
 
 div.multimediaModalOverlay {
   position: fixed;
   left: 0;
   top: 0;
   z-index: 4;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.9);
   overflow: auto;
   padding: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: center;
 }
 div.multimediaModalOverlay > img {
   object-fit: scale-down;
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
 }
 svg.closeMultimediaModal {
   position: absolute;
   cursor: pointer;
   top: 15px;
   right: 15px;
   color: white;
   border-radius: 50%;
-  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.5);
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
   background-color: rgba(34, 34, 34, 0.67);
   height: 36px;
   width: 36px;
 }
diff --git a/web/modals/history/history.css b/web/modals/history/history.css
index 000718854..6281f70d5 100644
--- a/web/modals/history/history.css
+++ b/web/modals/history/history.css
@@ -1,236 +1,236 @@
 div.modalBody {
   position: relative;
   min-height: 240px;
   overflow: hidden;
   padding: 6px 6px;
   width: 100%;
   box-sizing: border-box;
   background-color: white;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }
 span.loading {
   position: absolute;
   right: 8px;
   top: 6px;
 }
 span.error {
   position: absolute;
   line-height: 16px;
   font-size: 16px;
   right: 12px;
   top: 6px;
 }
 div.entryHistory {
   position: absolute;
   width: 100%;
   top: 27px;
   box-sizing: border-box;
 }
 div.entryHistoryVisible {
   left: 0;
 }
 div.entryHistoryInvisible {
   left: 100%;
 }
 @keyframes entry-history-visible-animation {
   from {
     left: 100%;
   }
   to {
     left: 0;
   }
 }
 div.entryHistoryVisibleAnimate {
   left: 0;
   animation-name: entry-history-visible-animation;
   animation-duration: 0.5s;
 }
 @keyframes entry-history-invisible-animation {
   from {
     left: 0;
   }
   to {
     left: 100%;
   }
 }
 div.entryHistoryInvisibleAnimate {
   left: 100%;
   animation-name: entry-history-invisible-animation;
   animation-duration: 0.5s;
 }
 div.header {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   padding: 5px;
   font-size: 12px;
   font-weight: 600;
   background-color: #f4f4f4;
   box-sizing: border-box;
 }
 a.allHistoryButton {
   position: absolute;
   top: 5px;
   left: 7px;
 }
 span.date {
   float: left;
   width: 100%;
   text-align: center;
 }
 div.entryHistory ul {
   overflow: auto;
   height: 211px;
 }
 div.entryHistory li {
   border-bottom: 2px solid lightgray;
   margin: 5px;
   padding-bottom: 8px;
   padding-top: 1px;
 }
 div.entryHistory li:last-child {
   border-bottom: none;
 }
 span.entryAuthor {
   float: left;
   padding-left: 11px;
   font-size: 12px;
   color: gray;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   max-width: 50%;
   box-sizing: border-box;
 }
 span.entryUsername {
   color: #2a5db0;
 }
 time.entryTime {
   float: right;
   padding-right: 11px;
   font-size: 12px;
   color: gray;
 }
 span.entryThread {
   float: right;
   padding-right: 11px;
   font-size: 12px;
   font-weight: 600;
   margin-top: -2px;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   max-width: 50%;
   padding-left: 10px;
   box-sizing: border-box;
 }
 div.clear {
   clear: both;
 }
 div.entry {
   padding: 5px;
-  box-shadow: inset 0px 0px 0px 2px white;
+  box-shadow: inset 0 0 0 2px white;
   border-radius: 5px;
   position: relative;
   margin: 5px;
   font-size: 13px;
   word-break: break-all;
   white-space: pre-wrap;
 }
 div.darkEntry {
   color: white;
 }
 div.dayHistory {
   position: absolute;
   width: 100%;
   top: 27px;
   box-sizing: border-box;
 }
 div.dayHistoryVisible {
   left: 0;
 }
 div.dayHistoryInvisible {
   left: -100%;
 }
 @keyframes day-history-visible-animation {
   from {
     left: -100%;
   }
   to {
     left: 0;
   }
 }
 div.dayHistoryVisibleAnimate {
   left: 0;
   animation-name: day-history-visible-animation;
   animation-duration: 0.5s;
 }
 @keyframes day-history-invisible-animation {
   from {
     left: 0;
   }
   to {
     left: -100%;
   }
 }
 div.dayHistoryInvisibleAnimate {
   left: -100%;
   animation-name: day-history-invisible-animation;
   animation-duration: 0.5s;
 }
 div.dayHistory ul {
   overflow: auto;
   height: 211px;
 }
 div.dayHistory li {
   padding-bottom: 2px;
 }
 div.dayHistory li:last-child {
   padding-bottom: 8px;
 }
 span.deletedEntry {
   float: left;
   padding-top: 2px;
   padding-left: 11px;
   font-size: 12px;
   line-height: 17px;
 }
 span.deletedEntryLabel {
   color: red;
   font-style: italic;
 }
 span.restoreEntryLabel {
   padding-left: 5px;
 }
 span.restoreLoading {
   position: relative;
   top: 2px;
   left: 5px;
   width: 12px;
 }
 span.restoreError {
   position: relative;
   top: 1px;
   left: 7px;
   font-size: 15px;
 }
 a.revisionHistoryButton {
   float: right;
   padding-top: 2px;
   padding-right: 11px;
   font-size: 12px;
   font-weight: bold;
 }
 div.restored {
   font-style: italic;
   font-size: 13px;
   padding-left: 11px;
 }
 div.deleted {
   font-style: italic;
   font-size: 13px;
   padding-left: 11px;
   color: red;
 }
diff --git a/web/modals/modal.css b/web/modals/modal.css
index 48eb58524..9cad1b387 100644
--- a/web/modals/modal.css
+++ b/web/modals/modal.css
@@ -1,57 +1,57 @@
 div.modalOverlay {
   position: fixed;
   left: 0;
   top: 0;
   height: 100%;
   z-index: 4;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.9);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }
 
 div.modalContainer {
   display: flex;
   background-color: var(--modal-bg);
   border-radius: 8px;
   flex-direction: column;
   margin: 20px;
   overflow: hidden;
 }
 
 div.modalContainerSmall {
   width: 330px;
 }
 
 div.modalContainerLarge {
   width: 500px;
 }
 
 span.modalClose {
   display: flex;
   color: var(--modal-close-color);
 }
 
 span.modalClose:hover {
   cursor: pointer;
   color: var(--modal-close-color-hover);
 }
 
 div.modalHeader {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 32px 32px 0px 32px;
+  padding: 32px 32px 0 32px;
 }
 
 h2.title {
   font-size: 20px;
   font-weight: 500;
   line-height: 32px;
   color: var(--fg);
   display: flex;
   align-items: center;
   column-gap: 8px;
 }