app/assets/stylesheets/pages/notifications.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

.notification-list-item {
  line-height: 34px;

  .dropdown-menu {
    @extend .dropdown-menu-right;
  }

  @include media-breakpoint-down(sm) {
    .notification-dropdown {
      width: 100%;
    }

    .notification-form {
      display: block;
    }

    .notifications-btn,
    .btn-group {
      width: 100%;
    }

    .table-section {
      border-top: 0;
      min-height: unset;

      &:not(:first-child) {
        padding-top: 0;
      }
    }

    .update-notifications {
      width: 100%;
    }
  }
}

.notification {
  position: relative;
  top: 1px;

  .fa {
    font-size: 18px;
  }
}