/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
@import "../../../variables.less"; 
@import "../../../mixins.less";

.uiSuggestions{
	.peopleList{
		ul li {
		    margin-bottom: 15px;
		    margin-top: 15px;
		}

		.peoplePosition,.peopleConnection ,.peopleName {
		    .text-overflow;
		    color: @baseColorLight;
		    width: 95%;
		}
		.peopleName {
		    font-weight: bold;
		}
		.peopleContainer  {
			min-height: 22px;
		}
		.peopleAction, .spaceAction {
		    white-space: nowrap;
		    font-size: 10px;
			display: none;
			float: right;
			background-color: @baseBackground;
			&.active {
				display: block;
			}
		}
		.ignore {
			> i {
				right: 2px;
			}
		}
		.peopleInfo {
		    margin-left: 65px;
			position: relative;
		}

		.peoplePicture {
		    padding-top: 2px;
			margin-left: 15px;
		}

        .actionAppears {
            width: auto;
        }


	}

	#emptyMessage {
	    padding: 5px;
	    font-weight: bold;
	}

	.spaceList{
		border-top: solid 1px @borderColor;

		ul li {
		    margin-bottom: 15px;
		    margin-top: 15px;
		}

		.spaceHeader {
		    font-weight: bold;
		    margin-bottom: 12px;
		    padding-top: 5px;
		}

		.spaceAction {
	     	white-space: nowrap;
		    font-size: 10px;
			display: none;
			float: right;
			background-color: @baseBackground;
			display: none;
            margin-right: 2px;
			&.active {
				display: block;
			}
		}

		.spaceInfo {
			margin-left: 65px;
			position: relative;
		}

		.spacePicture {
		    padding-top: 2px;
			margin-left: 15px;
		}

		.spacePrivacy,.spaceCommon,.spaceName {
		    .text-overflow;
		    color: @baseColorLight;
		    width: 95%;
		}
		.spaceName {
		    font-weight: bold;
		    color: @linkColor;
		}

        .actionspaceAppears {
            width: auto;
        }

    }

}

.uiSuggestions .ignore {
    margin-left: 4px;
    margin-right: 4px;
}