// Single Groups Management screens
// @version 3.0.0

// Groups settings screen
.buddypress-wrap {

	.group-status-type {

		ul {
			margin: 0 0 $marg-lrg $marg-lrg;
		}
	}
}

// ==== Members manage ====
.buddypress-wrap .group-settings-selections fieldset{
	margin-bottom: 20px;
	border: 0;
	padding: 0;

	legend{
		font-size: 20px;

		+ p{
			margin-top: $marg-sml;
		}
	}
}

.groups-manage-members-list {
	padding: $pad-sml 0;

	dd {
		margin: 0;
		padding: $pad-med 0;
	}

	.section-title {
		background: $light-grey;
		padding: $pad-xsml;
	}

	ul {
		list-style: none;
		margin-bottom: 0;

		li {
			border-bottom: 1px solid $bp-border-color;
			margin-bottom: $marg-sml;
			width: 100%;
			padding-bottom: $pad-med;
		}

		li:only-child,
		li:last-child {
			border-bottom: 0;
		}

		li.banned-user {
			background: lighten($warn, 50%);
		}

		.member-name {
			margin-bottom: 0;
			text-align: center;
		}

		img {
			display: block;
			margin: 0 auto;
			width: 20%;
		}

		@include medium-small-up() {

			.member-name {
				text-align: left;
				@include font-size(14);
			}

			img {
				display: inline;
				width: 50px;
			}
		}

		@include clearfix-element(".members-manage-buttons");

		.members-manage-buttons {
			margin: $marg-med 0 $marg-xsml;

			a.button {
				color: $light-text;
				display: block;
				padding-top: 0 !important;
				padding-bottom: 0 !important;

				@include font-size(13);
				border-width: 0 !important;
			}

			@include medium-small-up() {

				a.button {
					display: inline-block;
				}
			}
		}

		.members-manage-buttons.text-links-list {
			margin-bottom: 0;

			@include medium-small-max() {

				a.button {
					background: #fafafa;
					border: 1px solid $bp-border-color;
					display: block;
					margin-bottom: $marg-sml;
				}
			}
		}

		.action:not(.text-links-list) {

			a.button {

				@include font-size(12);
			}
		}

		@include medium-up() {

			li {
				.avatar,
				.member-name {
					float: left;
				}

				.action.text-links-list{
					margin: 0 0 0 45px;
				}

				.avatar {
					margin-right: $marg-med;
					width: 30px;
				}

				.action {
					clear: both;
					float: left;
				}

			}
		} // close @media

	}

} //close .groups-manage-members-list
