Merge pull request #258 from bornhack/schedule-styling
Give icons fixed width so that they are not crammed together
This commit is contained in:
commit
763f38f70a
|
@ -80,25 +80,25 @@ dayEventInstanceIcons eventInstance =
|
||||||
case eventInstance.videoState of
|
case eventInstance.videoState of
|
||||||
"has-recording" ->
|
"has-recording" ->
|
||||||
[ i
|
[ i
|
||||||
[ classList [ ( "fa", True ), ( "fa-film", True ), ( "pull-right", True ) ] ]
|
[ classList [ ( "fa", True ), ( "fa-film", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
|
||||||
[]
|
[]
|
||||||
]
|
]
|
||||||
|
|
||||||
"to-be-recorded" ->
|
"to-be-recorded" ->
|
||||||
[ i
|
[ i
|
||||||
[ classList [ ( "fa", True ), ( "fa-video-camera", True ), ( "pull-right", True ) ] ]
|
[ classList [ ( "fa", True ), ( "fa-video-camera", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
|
||||||
[]
|
[]
|
||||||
]
|
]
|
||||||
|
|
||||||
"not-to-be-recorded" ->
|
"not-to-be-recorded" ->
|
||||||
[ i
|
[ i
|
||||||
[ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ) ] ]
|
[ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
|
||||||
[]
|
[]
|
||||||
]
|
]
|
||||||
|
|
||||||
_ ->
|
_ ->
|
||||||
[]
|
[]
|
||||||
in
|
in
|
||||||
[ i [ classList [ ( "fa", True ), ( "fa-" ++ eventInstance.locationIcon, True ), ( "pull-right", True ) ] ] []
|
[ i [ classList [ ( "fa", True ), ( "fa-" ++ eventInstance.locationIcon, True ), ( "pull-right", True ), ( "fa-fw", True ) ] ] []
|
||||||
]
|
]
|
||||||
++ videoIcon
|
++ videoIcon
|
||||||
|
|
|
@ -16384,9 +16384,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
|
||||||
_1: {
|
_1: {
|
||||||
ctor: '::',
|
ctor: '::',
|
||||||
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
||||||
|
_1: {
|
||||||
|
ctor: '::',
|
||||||
|
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}),
|
}),
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
},
|
},
|
||||||
|
@ -16410,9 +16414,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
|
||||||
_1: {
|
_1: {
|
||||||
ctor: '::',
|
ctor: '::',
|
||||||
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
||||||
|
_1: {
|
||||||
|
ctor: '::',
|
||||||
|
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}),
|
}),
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
},
|
},
|
||||||
|
@ -16436,9 +16444,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
|
||||||
_1: {
|
_1: {
|
||||||
ctor: '::',
|
ctor: '::',
|
||||||
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
||||||
|
_1: {
|
||||||
|
ctor: '::',
|
||||||
|
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}),
|
}),
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
},
|
},
|
||||||
|
@ -16471,9 +16483,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
|
||||||
_1: {
|
_1: {
|
||||||
ctor: '::',
|
ctor: '::',
|
||||||
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
|
||||||
|
_1: {
|
||||||
|
ctor: '::',
|
||||||
|
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}),
|
}),
|
||||||
_1: {ctor: '[]'}
|
_1: {ctor: '[]'}
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue