application.css.erb in sail-3.5.0

- old
+ new

@@ -58,17 +58,10 @@
 
 .clearfix {
   clear: both;
 }
 
-@media (max-width: 413px) {
-  .clear-xs {
-    clear: both;
-    margin-top: 8px;
-  }
-}
-
 #nav-bar {
   background-color: var(--lead);
   box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 5px 12px rgba(0, 0, 0, 0.1);
 }
 
@@ -140,23 +133,10 @@
   #nav-bar .nav-button {
     display: none;
   }
 }
 
-#nav-bar #btn-monitor-mode,
-#nav-bar #btn-regular-mode {
-  right: 80px;
-  padding: 1px 7px 2px 7px;
-}
-
-@media (min-width: 1200px) {
-  #nav-bar #btn-monitor-mode,
-  #nav-bar #btn-regular-mode {
-    right: 120px;
-  }
-}
-
 #pagination {
   text-align: center;
   margin-top: 2rem;
 }
 
@@ -261,46 +241,24 @@
 #profiles-modal .profile-entry:hover {
   border-color: var(--tangerine);
   outline: none;
 }
 
-#profiles-modal .profile-entry .inline-form {
-  float: right;
-}
-
 #profiles-modal .profile-entry button {
-  float: right;
-  margin-left: 5px;
   padding: 10px;
 }
 
 #profiles-modal .profile-entry .entry-name {
   position: relative;
   top: 10px;
 }
 
-@media (max-width: 1199px) {
-  #profiles-modal .profile-entry .entry-name {
-    float: left;
-  }
+#profiles-modal .buttons button {
+  margin: 0 5px 0 5px;
 }
 
-@media (min-width: 1200px) {
-  #profiles-modal .profile-entry .entry-name {
-    margin-left: 250px;
-  }
-}
-
 @media (max-width: 767px) {
-  #profiles-modal .profile-entry .inline-form {
-    margin-right: 3%;
-  }
-
-  #profiles-modal .profile-entry .inline-form:first-child {
-    clear: both;
-  }
-
   #profiles-modal .profile-entry .entry-name {
     width: 90%;
     margin-bottom: 15px;
   }
 
@@ -308,11 +266,10 @@
     width: 70%;
   }
 }
 
 #profiles-modal .profile-entry .active-indicator {
-  float: left;
   position: relative;
   top: 7px;
 }
 
 #profiles-modal .profile-entry .active-indicator.yellow {
@@ -322,11 +279,10 @@
 #profiles-modal .profile-entry .active-indicator.green {
   color: var(--light-green);
 }
 
 #profiles-modal .profile-entry .errors-indicator {
-  float: left;
   position: relative;
   top: 9px;
   left: 15px;
   font-style: italic;
   color: var(--dark-aluminium);
@@ -338,11 +294,10 @@
   font-size: 20px;
   width: 90%;
   position: relative;
   top: 10px;
   text-overflow: ellipsis;
-
 }
 
 #profiles-modal #new-profile-input:focus {
   outline: none;
 }
@@ -368,9 +323,17 @@
   -webkit-transition : border .25s ease-in;
   -moz-transition : border .25s ease-in;
   -o-transition : border .25s ease-in;
   transition : border .25s ease-in;
   outline: none;
+}
+
+#guide-modal details > summary {
+  list-style: none;
+}
+
+#guide-modal details > summary::-webkit-details-marker {
+  display: none;
 }
 
 #guide-modal details summary:focus,
 #guide-modal details summary:hover {
   border-color: var(--tangerine);