append buttons under each row of data instead besides append a line which separates the tables beneath every odd line to group data and buttons
47 lines
821 B
SCSS
47 lines
821 B
SCSS
// Place all the styles related to the favorites controller here.
|
|
// They will automatically be included in application.css.
|
|
// You can use Sass (SCSS) here: https://sass-lang.com/
|
|
|
|
.favNav {
|
|
|
|
display: flex;
|
|
|
|
a:link, a:visited {
|
|
font-family: Helvetica, sans-serif;
|
|
transition: .3s all ease-in-out;
|
|
font-size: 18px;
|
|
background-color: #3F51B5;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
a:hover, a:active {
|
|
background-color: #009688;
|
|
}
|
|
}
|
|
|
|
.thumb {
|
|
width: 3em;
|
|
}
|
|
|
|
.table_wrapper {
|
|
overflow-x: auto;
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
}
|
|
|
|
tr:nth-child(odd) {
|
|
th, td {
|
|
//padding: 8px;
|
|
text-align: left;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
}
|
|
} |