/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

.footer {
  height: 70px;
  width: 100%;
  background-color: #fafafa;

  margin-top: 20px;

  p {
    padding: 20px;
  }
}

.col-centered {
  float: none !important;
  margin: 0 auto;
}

.login-box {
  margin-bottom: 10px;

  .btn-primary {
    width: 100%
  }
}
#devise-links a {
  color: grey !important
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require_tree .
 *= require_self
 */

.footer {
  height: 70px;
  width: 100%;
  background-color: #fafafa;

  margin-top: 20px;

  p {
    padding: 20px;
  }
}

.col-centered {
  float: none !important;
  margin: 0 auto;
}

.login-box {
  margin-bottom: 10px;

  .btn-primary {
    width: 100%
  }
}
#devise-links a {
  color: grey !important
}

.sortable-table th:not(.no-sort) {
  cursor: pointer;
  padding-left: 1em;
  position: relative;
  
  &::before, &::after {
    content: "";
    position: absolute;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: none solid;
    border-color: currentColor;
    border-right-color: transparent;
    border-left-color: transparent;
  }
  &::before {
    border-bottom-style: solid;
    top: 0.9em;
  }
  &::after {
    top: 1.5em;
    border-top-style: solid;
  }
}

Add sort icons to table columns
Add sort icons to table columns